<template>
  <el-dialog
    :visible.sync="initdialog3"
    :title="'Order for Pending Item'"
    append-to-body
    id="dialog3"
    @opened="opened"
  >
    <div class="eibs-tab">
      <c-col :span="24">
        <c-col :span="11">
          <c-col :span="24">
            <el-form-item label="订单编号" prop="sptp.ord.extkey">
              <c-input
                v-model="model.sptp.ord.extkey"
                maxlength="32"
                placeholder="请输入订单编号"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Sector" prop="sptp.ordp0.conarg.sector">
              <c-select
                v-model="model.sptp.ordp0.conarg.sector"
                style="width: 100%"
                placeholder="请选择Sector"
                :code="codes.sector"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="合同" prop="sptp.ordp0.conarg.selref">
              <c-input
                v-model="model.sptp.ordp0.conarg.selref"
                maxlength="40"
                placeholder="请输入合同"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="订购方"
              prop="sptp.ordp0.pta.ptyextkey"
            >
              <c-input
                v-model="model.sptp.ordp0.pta.ptyextkey"
                maxlength="24"
                placeholder="请输入订购方"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="责任用户" prop="sptp.ord.ownusr">
                <c-input
                  v-model="model.sptp.ord.ownusr"
                  maxlength="8"
                  placeholder="请输入责任用户"
                  disabled
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item
                label="组"
                prop="sptp.ord.ownusg"
                label-width="100px"
              >
                <c-select
                  v-model="model.sptp.ord.ownusg"
                  style="width: 100%"
                  placeholder="请选择"
                  :code="codes.usgtxt"
                  disabled
                >
                </c-select>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="交易状态" prop="sptp.ord.sta">
                <c-select
                  v-model="model.sptp.ord.sta"
                  style="width: 100%"
                  placeholder="请选择交易状态"
                  :code="codes.sptDetSta"
                  disabled
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item
                label="最后更新"
                prop="sptp.ord.stadattim"
                label-width="100px"
              >
                <c-input
                  v-model="model.sptp.ord.stadattim"
                  placeholder="请输入"
                  disabled
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
        </c-col>
        <c-col :span="11" :offset="1">
          <c-col :span="24">
            <el-form-item
              label="外部可读标识"
              prop="sptp.ord.nam"
            >
              <c-input
                v-model="model.sptp.ord.nam"
                maxlength="40"
                placeholder="请输入外部可读标识"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="身份证号码" prop="sptp.ord.inr">
              <c-input
                v-model="model.sptp.ord.inr"
                maxlength="8"
                placeholder="请输入身份证号码"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="" prop="sptp.ordp0.conarg.selnam">
              <c-input
                v-model="model.sptp.ordp0.conarg.selnam"
                maxlength="40"
                placeholder="请输入"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="交易关键字名称" prop="sptp.ordp0.pta.nam">
              <c-input
                v-model="model.sptp.ordp0.pta.nam"
                maxlength="40"
                placeholder="请输入交易关键字名称"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="14">
              <el-form-item label="创建时间" prop="sptp.ord.inidattim">
                <c-input
                  v-model="model.sptp.ord.inidattim"
                  placeholder="请输入创建时间"
                  disabled
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="10">
              <span
                v-text="model.sptp.ordp0.orddur"
                data-path=".sptp.ordp0.orddur"
                disabled
              >
              </span>
            </c-col>
          </c-col>
          <c-col :span="24">
            <c-col :span="14">
              <el-form-item label="目标" prop="sptp.ord.tardattim">
                <c-input
                  v-model="model.sptp.ord.tardattim"
                  placeholder="请输入"
                  disabled
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="10">
              <el-form-item label="结束" prop="sptp.ord.cpldattim">
                <c-input
                  v-model="model.sptp.ord.cpldattim"
                  placeholder="请输入"
                  disabled
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <c-button
              size="small"
              type="primary"
              @click="showGridPromptDialog('ordp0.butore')"
            >
            事件
            </c-button>
          </c-col>
          <c-col :span="12" label-width="5px">
            <c-checkbox v-model="model.sptp.ord.chkflg" disabled
              >订单确定</c-checkbox
            >
          </c-col>
        </c-col>

        <c-col :span="24">
          <br />
        </c-col>
        <c-col :span="24">
          <br />
        </c-col>
        <c-col :span="24">
          <c-col :span="18">
            <el-form-item label="信息文本" prop="sptp.ord.inftxt">
              <c-input
                type="textarea"
                v-model="model.sptp.ord.inftxt"
                maxlength="65"
                show-word-limit
                placeholder="请输入信息文本"
                rows="5"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="6" :offset="-1">
            <el-form-item label="" prop="sptp.ord.infdsp" label-width="5px">
              <c-select
                v-model="model.sptp.ord.infdsp"
                style="width: 100%"
                placeholder="请选择"
                :code="codes.infdsp"
                disabled
              >
              </c-select>
            </el-form-item>
            <c-button
              size="small"
              type="primary"
              @click="onOrdp0Butsmh"
              disabled
            >
              显示报文
            </c-button>
          </c-col>
        </c-col>

        <c-col :span="12" v-show="false">
          <el-form-item
            label="Drag  Drop Sender"
            prop="sptp.ordp0.recget.sdamod.dadsnd"
          >
            <c-input
              v-model="model.sptp.ordp0.recget.sdamod.dadsnd"
              placeholder="请输入Drag  Drop Sender"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="12" v-show="false">
          <el-form-item label="" prop="sptp.ordp0.recget.sdamod.seainf">
            <c-input
              v-model="model.sptp.ordp0.recget.sdamod.seainf"
              placeholder="请输入"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </div>
  </el-dialog>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Sptneg/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      initdialog3: false,
    };
  },
  mounted() {
    this.trnName = "sptneg";
    this.$nextTick(function () {
      this.$on("childmethods", async function () {
        let res = await this.executeRule("sptp.butord");
        if (res.respCode == SUCCESS) {
          this.updateModel(res.data);
        } else {
        }
      });
    });
  },
  methods: {
    ...Event,
    opened() {
      this.$emit("childmethods");
    },
  },
  created: function () {},
};
</script>
<style>
#dialog3 .el-dialog {
  width: 80%;
  height: 80%;
}
</style>