<!-- 实施 -->
<template>
  <div class="context">
    <div style="text-align: right;">
      <!-- <el-button type="primary" @click="carryout = !carryout">
        编辑实施信息
      </el-button>  -->
    </div>
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        <span>实施状态：</span>
        {{ getoptions(Message.is_implement) }}
      </div>
      <div style="flex: 1;">
        <span>实施时间：</span>
        {{Message.implement_time}}
      </div>
      <div style="flex: 1;">
        <span>实施人员：</span>
        {{Message.implement_person}}
      </div>
    </div>

    <div class="xinxi jianxi" style="">
      <div style="flex: 1;">
        <span style="">实施情况备注：</span>
        {{ Message.implement_remark }}
      </div>
    </div>
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        <span>LIS对接状态：</span>
        {{ getduijie(Message.lis_status) }}
      </div>
      <div style="flex: 1;">
        <span>对接时间：</span>
        {{Message.lis_time}}
      </div>
      <div style="flex: 1;">
        <span>对接人员：</span>
        {{ Message.lis_contact }}
      </div>
    </div>
    <div class="xinxi jianxi" style="">
      <div style="flex: 1;">
        <span style="">
          LIS对接备注：
        </span>
        {{Message.lis_remark}}
      </div>
    </div>
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        <span>医保对接状态：</span>
        {{ getduijie(Message.yb_status) }}
      </div>
      <div style="flex: 1;">
        <span>预对接时间：</span>
        {{Message.yb_time}}
      </div>
      <div style="flex: 1;">
        <span>对接人员：</span>
        {{ Message.yb_person }}
      </div>
    </div>
    <div class="xinxi jianxi" style="">
      <div style="flex: 1;">
        <span style="">
          医保对接备注：
        </span>
        {{ Message.yb_remark}}
      </div>
    </div>
    <div class="xinxi"  style="">
      <div style="flex: 1;">
        <span>质控对接状态：</span>
        {{ getduijie(Message.qc_status) }}
      </div>
      <div style="flex: 1;">
        <span>预对接时间：</span>
        {{ Message.qc_time }}
      </div>
      <div style="flex: 1;">
        <span>对接人员：</span>
        {{ Message.qc_person }}
      </div>
    </div>
    <div class="xinxi jianxi" style="">
      <div style="flex: 1;">
        <span style="">
          质控对接备注：
        </span>
        {{ Message.qc_remark }}
      </div>
    </div>

    <!-- 弹窗 -->
    <div>
      <el-dialog
        title="修改实施信息"
        :visible.sync="carryout"
        :modal-append-to-body="false"
        width="60%"
        >
        <div style="height: 50vh;overflow: overlay;">
          <div class="xinxi"  style="">
            <div style="flex: 1;">
              <span>实施情况：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
            <div style="flex: 1;">
              <span>LIS对接：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
          </div>
          <div class="xinxi"  style="">
            <div style="flex: 1;">
              <span>实施时间：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
            <div style="flex: 1;">
                <span>对接时间：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
              </div>
          </div>

          <div class="xinxi"  style="">
            <div style="flex: 1;">
                <span>实施人员：</span>
                <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
            <div style="flex: 1;">
              <span>对接人员：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
          </div>
          <div class="xinxi"  style="margin-bottom: 30px;">
            <div style="flex: 1;">
              <span style="position: relative;bottom: 20px;left: 0;">
                  实施备注：
              </span>
              <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 60%;"></el-input>
            </div>
            <div style="flex: 1;">
              <span style="position: relative;bottom: 20px;left: 0;">
                LIS对接备注：
              </span>
              <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 60%;"></el-input>
            </div>
          </div>

          <div class="xinxi"  style="">
            <div style="flex: 1;">
              <span>医保对接状态：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
            <div style="flex: 1;">
              <span>质控对接状态：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
          </div>

          <div class="xinxi"  style="">
            <div style="flex: 1;">
              <span>对接时间：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
            <div style="flex: 1;">
              <span>质控对接时间：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
          </div>

          <div class="xinxi"  style="">
            <div style="flex: 1;">
              <span>对接人员：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
            <div style="flex: 1;">
              <span>对接人员：</span>
              <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
            </div>
          </div>

          <div class="xinxi"  style="">
            <div style="flex: 1;">
              <span style="position: relative;bottom: 20px;left: 0;">
                医保对接备注：
              </span>
              <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 60%;"></el-input>
            </div>
            <div style="flex: 1;">
              <span style="position: relative;bottom: 20px;left: 0;">
                质控对接备注：
              </span>
              <el-input type="textarea" :row="2" v-model="textarea" placeholder="请输入内容" style="width: 60%;"></el-input>
            </div>
          </div>
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="carryout = false">取 消</el-button>
          <el-button type="primary" @click="carryout = false">确 定</el-button>
        </span>
      </el-dialog>
    </div>
  </div>
</template>

<script>
export default{
  props:{
    Message:Object
  },
  data(){
    return{
      input:'',
      textarea:'',
      carryout:false,

      shishi_options:[{value:1,label:'未实施'},{value:2,label:'已实施'}],
      duijie_options:[{value:1,label:'无需求'},{value:2,label:'未对接'},{value:3,label:'对接中'},{value:4,label:'已对接'}],
    }
  },
  methods:{
     // 对接状态
    getoptions(val){
      const options = this.shishi_options
      for(let i in options){
        if(val == options[i].value){
          return options[i].label
        }
      }
    }, 
    getduijie(val){
      const options = this.duijie_options
      for(let i in options){
        if(val == options[i].value){
          return options[i].label
        }
      }
    },
  }
}
</script>
<style lang="scss" scoped>
  .context{
    padding: 20px 0;
    .xinxi{
      display: flex;
      margin-bottom: 15px;
    }
    .jianxi{
      margin-bottom:40px ;
    }
  }
</style>