<template>
  <div class="eibs-tab">
    <c-col :span="12">
      <el-form-item label="Correspondence"> </el-form-item>
    </c-col>

    <c-col :span="22" :offset="1">
      <c-istream-table-docpan :list="stmData.data" :columns="stmData.columns">
        <el-table-column label="报文格式">
          <template slot-scope="scope">
            <c-select
              v-model="model.trnmod.trndoc.doceot[scope.row.index].cortyp"
              style="width: 100%"
              disabled
              placeholder="请选择"
            >
              <el-option
                v-for="item in codes.doceotCortyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </template>
        </el-table-column>
        <el-table-column label="报文格式">
          <template slot-scope="scope">
            <c-select
              v-model="model.trnmod.trndoc.doceot[scope.row.index].docsnf"
              style="width: 100%"
              placeholder="请选择"
            >
              <el-option
                v-for="item in codes.docsnf"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </template>
        </el-table-column>
        <el-table-column label="语言" width="150%">
          <template slot-scope="scope">
            <c-select
              v-model="model.trnmod.trndoc.doceot[scope.row.index].docuil"
              style="width: 100%"
              placeholder="请选择"
            >
              <el-option
                v-for="item in codes.uiltxt"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </template>
        </el-table-column>
        <el-table-column label="传送方式">
          <template slot-scope="scope">
            <c-select
              v-model="model.trnmod.trndoc.doceot[scope.row.index].apf"
              disabled
              style="width: 100%"
              placeholder="请选择"
            >
              <el-option
                v-for="item in codes.apftxt"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </template>
        </el-table-column>
        <el-table-column label="Or." width="65%">
          <template slot-scope="scope">
            <c-input
              v-model="model.trnmod.trndoc.doceot[scope.row.index].apfcpy1"
              :readonly="true"
              style="width: 100%"
              placeholder="请选择"
            >
            </c-input>
          </template>
        </el-table-column>
        <el-table-column label="CC" width="65%">
          <template slot-scope="scope">
            <c-input
              v-model="model.trnmod.trndoc.doceot[scope.row.index].apfcpy2"
              style="width: 100%"
              placeholder="请选择"
            >
            </c-input>
          </template>
        </el-table-column>
        <el-table-column label="">
          <template slot-scope="scope">
            <c-select
              v-model="model.trnmod.trndoc.doceot[scope.row.index].staflg"
              style="width: 100%"
              placeholder="请选择"
            >
              <el-option
                v-for="item in codes.swttlx"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </template>
        </el-table-column>
        <el-table-column label="操作">
          <template slot-scope="scope">
            <el-button
              size="mini"
              :disabled="
                model.trnmod.trndoc.doceot[scope.row.index].pandsc == 'MT799' &&
                  model.didgrp.rec.elcflg == 'Y'
              "
              @click="handleDisplay(scope.row.index, scope.row)"
              >显示</el-button
            >
            <el-button
              size="mini"
              type="danger"
              @click="handleDetail(scope.row.index, scope.row)"
              >明细</el-button
            >
          </template>
        </el-table-column>
        <!-- <el-table-column label="">
                <template slot-scope="scope">
                    <el-button
                        size="medium"
                        type="danger"
                        @click="handleDetail(scope.row.index, scope.row)"
                        >明细</el-button
                    >
                </template>
            </el-table-column> -->
      </c-istream-table-docpan>
    </c-col>

    <!-- <c-col :span="24">
            <c-table :list="model.trnmod.trndoc.doceot" style="width:80%,text-align:center">
                <el-table-column
                    label="Role"
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="Description"
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="CORTYP"
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="DOCSNF"
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="Lang."
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="Form"
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="Or."
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="CC"
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label=".."
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="Show"
                    width="auto"
                > 
                </el-table-column>
                <el-table-column
                    label="Details"
                    width="auto"
                > 
                </el-table-column>
            </c-table>
       </c-col> -->

    <!--                                           
	<c-col :span="12">
	    <span  v-text="model.trnmod.trndoc.advlabel"   data-path=".trnmod.trndoc.advlabel" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="国内证落款">
            <c-input  v-model="model.trnmod.trndoc.advnam" maxlength="50"  placeholder="请输入国内证落款"></c-input>
        </el-form-item>
       </c-col>             
                  
       <c-col :span="12">
        <el-form-item label="修改申请人名称">
            <c-input type="textarea" v-model="model.trnmod.trndoc.amdapl" maxlength="50" show-word-limit placeholder="请输入修改申请人名称" ></c-input>
        </el-form-item>
        </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.trnmod.trndoc.amdnam"   data-path=".trnmod.trndoc.amdnam" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="国内证通知书">
            <c-input  v-model="model.trnmod.trndoc.advdoc" maxlength="1"  placeholder="请输入国内证通知书"></c-input>
        </el-form-item>
       </c-col>        
       --><template>
      <el-dialog
        :title="title"
        :visible.sync="centerDialogVisible"
        width="60%"
        center
      >
        <el-form label-width="100px" :model="dialog">
          <c-row>
            <c-col :span="12">
              <c-col>
                <el-form-item label="per-medium"
                  ><el-input disabled v-model="dialog.cortyp"
                /></el-form-item>
              </c-col>
              <c-col>
                <el-form-item label="Form Set">
                  <el-input disabled v-model="dialog.cortyp" />
                </el-form-item>
              </c-col>
              <c-col v-if="title != 'elcs.101.001.01'">
                <el-form-item>
                  <el-input disabled style="width: 150px" value="Original" />
                  <el-input
                    v-model="dialog.apfcpy1"
                    style="width: 100px; margin-left: 20px"
                  />
                </el-form-item>
                <el-form-item>
                  <el-input
                    disabled
                    style="width: 150px"
                    value="Customer Copy"
                  />
                  <el-input
                    v-model="dialog.apfcpy2"
                    style="width: 100px; margin-left: 20px"
                  />
                </el-form-item>
                <el-form-item>
                  <el-input disabled style="width: 150px" value="File Copy" />
                  <el-input
                    v-model="dialog.apfcpy3"
                    style="width: 100px; margin-left: 20px"
                  />
                </el-form-item>
                <el-form-item>
                  <el-input
                    disabled
                    style="width: 150px"
                    value="Internal Copy"
                  />
                  <el-input
                    v-model="dialog.apfcpy4"
                    style="width: 100px; margin-left: 20px"
                  />
                </el-form-item>
              </c-col>
            </c-col>

            <c-col :span="12">
              <el-form-item label="Send Message to" label-width="150px">
                <el-input disabled v-model="dialog.roladr" />
              </el-form-item>
              <el-form-item
                label-width="30px"
                v-if="title != 'elcs.101.001.01'"
              >
                <el-input
                  style="width: 250px"
                  v-model="dialog.rcv.pts.extkey"
                />
                <c-button size="small" type="primary;width:20%">i</c-button>
                <c-button size="small" type="primary">
                  Details
                </c-button>
              </el-form-item>
              <el-form-item v-else label="BIC">
                <el-input v-model="dialog.rcv.pts.extkey" />
              </el-form-item>
              <el-form-item v-if="title == 'elcs.101.001.01'" label="行联行号">
                <el-input v-model="dialog.rcv.pts.bankno" />
              </el-form-item>
              <el-form-item label-width="30px">
                <el-input
                  :value="
                    title != 'elcs.101.001.01'
                      ? dialog.rcv.namelc
                      : dialog.rcv.pts.jigomc
                  "
                  :disabled="title != 'elcs.101.001.01'"
                  type="textarea"
                  :rows="2"
                />
                <br />
                <el-input
                  :value="
                    title != 'elcs.101.001.01'
                      ? dialog.rcv.adrelc
                      : dialog.rcv.pts.dizzhii
                  "
                  :disabled="title == 'MT799'"
                  type="textarea"
                  :rows="2"
                />
              </el-form-item>
              <el-form-item label="Reference" label-width="100px">
                <el-input disabled v-model="dialog.adrref" />
              </el-form-item>
              <el-form-item label="Medium" label-width="100px">
                <el-input disabled style="width: 40%" v-model="dialog.cortyp" />
                <el-input
                  disabled
                  v-model="dialog.docuil"
                  style="width: 40%; margin-left: 20px"
                />
              </el-form-item>
            </c-col>

            <c-col>&nbsp;</c-col>
            <c-col :span="12" v-if="title != 'MT799'">
              <el-form-item label="Adress Amend" label-width="120px">
                <el-input type="textarea" v-model="dialog.adrblk" :rows="4" />
              </el-form-item>
            </c-col>
            <c-col :span="12" v-else>
              <el-form-item label="BIC">
                <el-input disabled v-model="dialog.adrbic" />
              </el-form-item>
              <el-form-item label="Authenticator"
                ><el-input disabled v-model="dialog.adrbicaut"
              /></el-form-item>
              <el-form-item label="Priority"
                ><el-input disabled v-model="dialog.msgpri"
              /></el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label-width="30px">
                <el-table
                  :data="dialog.rcv.ptyinftxt.rows"
                  size="mini"
                  stripe
                  :border="true"
                  empty-text=" "
                  max-height="430px"
                >
                  <el-table-column label="Corr.Type" sortable>
                  </el-table-column>
                  <el-table-column label="Adressing" sortable>
                  </el-table-column>
                  <el-table-column label="Authentication" sortable>
                  </el-table-column>
                </el-table>
              </el-form-item>
            </c-col>
            <c-col v-if="title != 'MT799'"
              ><el-form-item label="Letter Date">
                <c-date-picker type="date" v-model="dialog.docdat">
                </c-date-picker
              ></el-form-item>
            </c-col>
            <c-col
              ><el-form-item label="Contact"
                ><el-input v-model="dialog.ptcnam"
              /></el-form-item>
            </c-col>
            <c-col :span="22"
              ><el-form-item
                :label="
                  title == 'MT799' ? 'Sender to Rec. information' : 'Remark'
                "
                ><el-input
                  type="textarea"
                  :rows="10"
                  :disabled="title == 'MT799'"
                  :v-model="title == 'MT799' ? dialog.addtxt : dialog.remark"
              /></el-form-item>
            </c-col>
            <c-col :span="2">
              <el-button size="mini">... </el-button>
            </c-col>
          </c-row>
        </el-form>
        <template #footer>
          <span class="dialog-footer">
            <el-button type="primary" @click="saveDialog">确 定</el-button>
            <el-button @click="centerDialogVisible = false">取 消</el-button>
          </span>
        </template>
      </el-dialog>
    </template>
  </div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Botcan/Event";
import Input from "../../../components/Input.vue";
import Api from "~/service/Api";
import Utils from "~/utils/index";
export default {
  inject: ["root"],
  components: { Input },
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      index: 0,
      title: "",
      dialog: {
        rcv: {
          pts: {},
          ptyinftxt: {},
        },
      },
      centerDialogVisible: false,
      stmData: {
        columns: [
          //注释的已改成静态
          "role 收报人",
          "pandsc 描述",
          //"cortyp 类型",
          //"docsnf 报文格式",
          //"docuil 语言",
          //"apf 传送方式"
        ],
        data: [],
      },
    };
  },
  methods: {
    ...Event,
    saveDialog() {
      this.centerDialogVisible = false;
      console.log(this.model);
      this.model.trnmod.trndoc.doceot.splice(this.index, 1, this.dialog);
      this.executeRule("trnmod.trndoc.doccur.butaddok").then((res) => {
        if (res.data.respCode == SUCCESS) {
          //TODO
        } else {
          this.$notify.error({ title: "错误", message: "服务请求失败!" });
        }
      });
    },
  },
  created: function() {},
};
</script>
<style></style>