qushaowei
2024-07-12 336dcb70c156c947530eab0f0a96ee17de477929
src/views/eam/modules/dailyMaintenanceOrder/FinishDevolutionModal.vue
@@ -7,14 +7,19 @@
    cancelText="关闭"
    @cancel="handleCancel"
    :confirmLoading="confirmLoading"
    title="附录2"
  >
    <!-- :title="title" -->
    <a-spin :spinning="confirmLoading">
      <a-form :form="form">
        <span
          class="ant-descriptions-title"
          style="font-size: large;font-size: 15px;float: right;"
        >{{this.model.receiptsNum}}</span>
        <a-divider
          orientation="center"
          style="font-size: large;font-style: normal;font-size: 30px;color: #66aeed;"
        > 生产设备二级保养完工移交单 </a-divider>
        > {{this.model.receiptsName}} </a-divider>
        <!-- 生产设备二级保养完工移交单 -->
        <a-row :gutter="24">
          <a-col :span="8">
            <a-form-item
@@ -59,13 +64,25 @@
            </a-form-item>
          </a-col>
          <a-col :span="8">
            <a-form-item
            <!-- <a-form-item
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              label="保养日期"
            >
              <span v-if="this.model != null">{{ this.model.actualEndTime }}</span>
              <span v-else>-</span>
            </a-form-item> -->
            <a-form-item
              label="保养日期"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
            >
              <j-date
                v-model="model.actualEndTime"
                placeholder="请选择保养日期"
                :showTime="true"
                dateFormat="YYYY-MM-DD"
              />
            </a-form-item>
          </a-col>
        </a-row>
@@ -79,9 +96,17 @@
      :columns="columns"
      :dataSource="dataSource"
      :pagination="false"
    >
    />
    <a-table
      ref="table"
      bordered
      size="middle"
      rowKey='id'
      :columns="columns"
      :dataSource="dataSourceOperation"
      :pagination="false"
    />
    </a-table>
    <div :style="{width: '100%',border: '1px solid #e9e9e9',padding: '10px 16px',background: '#fff',}">
      <div class="ant-descriptions-title">问题及相应处理措施描述:</div>
      <a-textarea
@@ -147,12 +172,39 @@
        关闭
      </a-button>
      <a-button
      <!-- <a-button
        @click="handleOk()"
        type="primary"
        :loading="confirmLoading"
        :disabled="disableSubmit || confirmLoading"
      >确定</a-button>
      >确定</a-button> -->
      <a-popconfirm
        @confirm="() => handleReject()"
        title="确认将当前二保完工移交单驳回?"
        :disabled="this.model.confirmStatus == '0' || this.model.confirmStatus == '2'|| this.model.confirmStatus == '7'"
      >
        <a-button
          :loading='confirmLoading'
          :style="{marginRight: '8px'}"
          :disabled="this.model.confirmStatus == '0' || this.model.confirmStatus == '2'|| this.model.confirmStatus == '7'"
        >
          驳回
        </a-button>
      </a-popconfirm>
      <a-popconfirm
        @confirm="() => handleOk()"
        title="确认将当前二保完工移交单审核通过?"
        :disabled="this.model.confirmStatus == '7'"
      >
        <a-button
          type='primary'
          :loading='confirmLoading'
          :style="{marginRight: '8px'}"
          :disabled="this.model.confirmStatus == '7'"
        >
          通过
        </a-button>
      </a-popconfirm>
    </template>
  </a-modal>
@@ -178,8 +230,15 @@
  data() {
    return {
      columns: [
        {
          title: '#',
          title: '类型',
          align: 'center',
          width: 260,
          dataIndex: 'maintenanceRole'
        },
        {
          title: '序号',
          dataIndex: '',
          key: 'rowIndex',
          align: 'center',
@@ -188,36 +247,33 @@
          },
          width: 50,
        },
        {
          title: '类型',
          align: 'center',
          dataIndex: 'maintenanceRole'
        },
        // {
        //   title: '部位',
        //   align: 'center',
        //   dataIndex: 'location'
        // },
        {
          title: '部位',
          align: 'center',
          dataIndex: 'location'
        },
        {
          title: '保养项目',
          title: '保养内容',
          align: 'center',
          dataIndex: 'maintenanceProjectName'
        },
        {
          title: '保养标准',
          align: 'center',
          dataIndex: 'standard'
        },
        // {
        //   title: '保养标准',
        //   align: 'center',
        //   dataIndex: 'standard'
        // },
        {
          title: '执行情况',
          align: 'center',
          dataIndex: 'maintenanceOrderDetailUda2'
          dataIndex: 'maintenanceOrderDetailUda2',
          width: 150,
        },
        {
          title: '执行人',
          align: 'center',
          dataIndex: 'maintenanceOrderDetailUda1',
          width: 150,
        },
      ],
@@ -226,8 +282,9 @@
      disableSubmit: false,
      codeDisable: true,
      dataSource: [],
      dataSourceOperation: [],
      model: {},
      departs: [],
      // departs: [],
      labelCol: {
        xs: { span: 24 },
        sm: { span: 6 },
@@ -246,9 +303,9 @@
        },
      },
      url: {
        add: "/eam/dailyMaintenanceOrder/add",
        // add: "/eam/dailyMaintenanceOrder/add",
        edit: "/eam/dailyMaintenanceOrder/approve",
        getSysDeparts: "/eam/dailyMaintenanceOrder/getSysDeparts",
        getSysFileName: "/eam/sysFileName/getSysFileName",
        list: "/eam/dailyMaintenanceOrder/getMaintenanceCycleByStandardId",
      },
@@ -259,22 +316,32 @@
    edit(record) {
      let that = this;
      this.getSysDeparts()
      if (record.receipts == "" || record.receipts == null) {
        this.getSysFileName()
      }
      this.form.resetFields();
      this.model = Object.assign({}, record);
      this.visible = true;
      if (record.dailyMaintenanceDetails != undefined) {
        const temp = [...record.dailyMaintenanceDetails];
      // if (record.dailyMaintenanceDetails != undefined) {
      //   const temp = [...record.dailyMaintenanceDetails];
      //   that.dataSource = temp;
      // }
      if (record.operationUserDetails != undefined) {
        const temp = [...record.operationUserDetails];
        that.dataSourceOperation = temp;
      }
      if (record.repairUserDetails != undefined) {
        const temp = [...record.repairUserDetails];
        that.dataSource = temp;
      }
      that.$nextTick(() => {
        that.form.setFieldsValue(pick(that.model, 'num', 'teamId', 'remark'));
      });
      if (record.id) {
        this.codeDisable = true;
      } else {
        this.codeDisable = false;
      }
      // that.$nextTick(() => {
      //   that.form.setFieldsValue(pick(that.model, 'num', 'teamId', 'remark'));
      // });
      // if (record.id) {
      //   this.codeDisable = true;
      // } else {
      //   this.codeDisable = false;
      // }
    },
@@ -287,13 +354,25 @@
      this.close();
    },
    handleOk() {
    handleReject() {
      const that = this;
      this.form.validateFields((err, values) => {
        if (!err) {
          that.confirmLoading = true;
          let formData = Object.assign(this.model, values);
          requestPut(this.url.edit, formData, { id: this.model.id }).then((res) => {
          if (this.model.confirmStatus == '1') {
            formData.confirmStatus = '2'
          } else if (this.model.confirmStatus == '3') {
            formData.confirmStatus = '4'
          } else if (this.model.confirmStatus == '5') {
            formData.confirmStatus = '6'
          } else if (this.model.confirmStatus == '6') {
            formData.confirmStatus = '4'
          } else if (this.model.confirmStatus == '4') {
            formData.confirmStatus = '2'
          }
          requestPut(this.url.edit, formData, { id: this.model.id, maintenanceDate: this.model.maintenanceDate }).then((res) => {
            if (res.success) {
              that.$message.success(res.message);
              that.$emit('ok');
@@ -308,15 +387,74 @@
      })
    },
    handleOk() {
      const that = this;
      that.form.validateFields((err, values) => {
        if (!err) {
          this.confirmLoading = true;
          let formData = Object.assign(this.model, values);
          if (this.model.confirmStatus == '0') {
            formData.confirmStatus = '1'
          } else if (this.model.confirmStatus == '2') {
            formData.confirmStatus = '1'
          } else if (this.model.confirmStatus == '1') {
            formData.confirmStatus = '3'
          } else if (this.model.confirmStatus == '4') {
            formData.confirmStatus = '3'
          } else if (this.model.confirmStatus == '3') {
            formData.confirmStatus = '5'
          } else if (this.model.confirmStatus == '6') {
            formData.confirmStatus = '5'
          } else if (this.model.confirmStatus == '5') {
            formData.confirmStatus = '7'
          }
          requestPut(this.url.edit, formData, { id: this.model.id, maintenanceDate: this.model.maintenanceDate }).then((res) => {
            if (res.success) {
              that.$message.success(res.message);
              that.$emit('ok');
            } else {
              that.$message.warning(res.message);
            }
          }).finally(() => {
            that.confirmLoading = false;
            that.close();
          })
        }
      })
    },
    // handleOk() {
    //   const that = this;
    //   this.form.validateFields((err, values) => {
    //     if (!err) {
    //       that.confirmLoading = true;
    //       let formData = Object.assign(this.model, values);
    //       requestPut(this.url.edit, formData, { id: this.model.id }).then((res) => {
    //         if (res.success) {
    //           that.$message.success(res.message);
    //           that.$emit('ok');
    //         } else {
    //           that.$message.warning(res.message);
    //         }
    //       }).finally(() => {
    //         that.confirmLoading = false;
    //         that.close();
    //       })
    //     }
    //   })
    // },
    handleDelete(text, record, index) {
      this.dataSource.splice(index, 1);
    },
    getSysDeparts() {
      getAction(this.url.getSysDeparts).then((res) => {
    getSysFileName() {
      getAction(this.url.getSysFileName, { name: '15' }).then((res) => {
        if (res.success) {
          this.departs = res.result
          this.model = Object.assign(this.model, res.result[0]);
        }
      })
    },