<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>要约收购/回购</title>
   <link rel="stylesheet" href="../../../lib/element-ui/css/index.css">
   <link rel="stylesheet" href="../../../lib/common-style/css/reset.css">
   <script src="../../../lib/vue/vue.min.js"></script>
   <script src="../../../lib/vue/axios.min.js"></script>
   <script src="../../../lib/element-ui/js/index.js"></script>
   <script src="../../../_common/service_fcfg.js"></script>
   <script src="../../../_common/fy_client.js"></script>
   <script src="../../../_common/service.js"></script>
   <!-- <script src="../../../_common/service_exports.js"></script> -->
   <script src="../../../_common/fql.js"></script>
   <script src="../../../_common/lts_result.js"></script>
   <style type="text/css">
      [v-cloak] {
         display: none;
      }
   </style>
</head>

<body>
   <div id="app1" v-cloak oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false"
      oncopy=document.selection.empty() onselect=document.selection.empty()>
      <link rel="stylesheet" href="./css/yy_default.css" v-if="ifBlack">
      <link rel="stylesheet" href="./css/yy_white.css" v-else>
      <link rel="stylesheet" href="../../../lib/common-style/css/default.css" v-if="ifBlack">
      <link rel="stylesheet" href="../../../lib/common-style/css/white.css" v-else>
      <xuetang-com ref="xuetang" @acceptstatus="getStatus($event)" v-show="xuetangShow"></xuetang-com>
      <div class="box" :style="contentStyleObj">
         <div class="box-con">
            <div class="title">
               <span>要约收购/回购</span>
               <span class="book-img" @click="showXT">
                  <img src="../../../lib/common-style/images/book.png" alt="">
               </span>
            </div>
            <div class="input-con">
               <div>
                  <p class="input-box stkcode-p">
                     <span class="field">证券代码:</span>
                     <el-input ref="stkinput" v-model="stkcode" maxlength="6" @input="stkcodeChange"></el-input>
                  </p>
                  <span class="stkname" :class="obj.stkname !== '--' ? 'txtcolor' : ''">{{obj.stkname}}</span>
                  <span class="yy-flag">{{obj.yyflag | addCH}}</span>
                  <p class="input-box">
                     <span class="field">股东代码:</span>
                     <el-select v-model="secuidValue" placeholder="">
                         <el-option v-for="item in secuidList" :key="item.marketname" :label="item.marketvalue" :value="item.marketname">
                         </el-option>
                     </el-select>
                 </p>
                  <div class="input-box">
                     <span class="field">申报类型:</span>
                     <el-radio-group v-model="type" @change="chooseType">
                        <el-radio label="0Y">预受要约</el-radio>
                        <el-radio label="0E">撤回预受要约</el-radio>
                     </el-radio-group>
                  </div>
                  <p class="input-box">
                     <span class="field">股份性质:</span>
                     <el-select v-model="shareNaturevalue" @change="sharevalue" placeholder="请选择">
                        <el-option v-for="item in shareList" :key="item.share_nature" :label="item.share_nature_symbol" :value="item.share_nature">
                        </el-option>
                     </el-select>
                  </p>
                  <div class="input-box minus-plus-box">
                     <span class="field">要约价格:</span>
                     <div class="yy-price" v-if="obj.yysgprice=='--'">
                        {{obj.yysgprice}}
                     </div>
                     <div class="yy-price" v-else>
                        {{obj.yysgprice}} 元
                     </div>
                  </div>
                  <div class="input-box max-num-box" v-show="holdnum">
                     <span class="field"></span>
                     <div class="max-num" v-if="maxNum == '--'">
                        可用数量: {{maxNum}} 
                     </div>
                     <div class="max-num" v-else>
                        可用数量: {{maxNum}} 股
                     </div>
                  </div>
                  <div class="input-box orderNum">
                     <span class="field">委托数量:</span>
                     <div class="minus-plus-input" :class="{'focus-border': numStyle}">
                        <span class="minus" @click="minusNum">
                           <i class="el-icon-minus"></i>
                        </span>
                        <el-input ref="numinput" type="text" v-model="orderqty" @input="inputnum" @change="numChange" @focus="numfocus" @blur="numblur"></el-input>
                        <span class="plus" @click="plusNum">
                           <i class="el-icon-plus"></i>
                        </span>
                     </div>
                  </div>
               </div>
               <div class="right-box">
                  <p class="right-p">
                     <span class="field">正股代码:</span>
                     <span class="text">{{rightObj.linkstkcode}}</span>
                  </p>
                  <p class="right-p">
                     <span class="field">要约开始日:</span>
                     <span class="text">{{fnObj.datestr(rightObj.yysgbegindate)}}</span>
                  </p>
                  <p class="right-p">
                     <span class="field">要约结束日:</span>
                     <span class="text">{{fnObj.datestr(rightObj.yysgenddate)}}</span>
                  </p>
                  <p class="right-p">
                     <span class="field">当前状态:</span>
                     <span class="text">{{fnObj.firstrightStatus(rightObj.yysd)}}</span>
                  </p>
                  <p class="right-p">
                     <span class="field">预定收购量:</span>
                     <span class="text">{{rightObj.sgqty | sgqtyFilter}}</span>
                  </p>
                  <p class="right-p">
                     <span class="field">申报单位:</span>
                     <span class="text">{{rightObj.zrunit}}</span>
                  </p>
               </div>
            </div>
            <div class="operate">
               <p class="rewrite">
                  <a href="###" @click="rewrite">重填</a>
               </p>
               <el-button @click="shengou">申报</el-button>
            </div>
         </div>
      </div>
      <div v-if="stkcodenull">
         <div class="mask-box"></div>
         <div class="stkcodenull-dialog" :class="textLine == 'one' ? 'one-line' : 'more-line'">
            <div class="dialog-title stkcodenull-title">
               <span>富易</span>
               <span class="close-btn" @click="stkcodenullclose"><i class="el-icon-close"></i></span>
            </div>
            <div class="stkcodenull-body">
               <div class="info-tip">
                  <span>
                     <img src="../../../lib/common-style/images/infoico.png" alt="" v-if="successOrfail">
                     <img src="../../../lib/common-style/images/successico.png" alt="" v-else>
                  </span>
                  <span v-html="info">{{info}}</span>
               </div>
            </div>
            <div class="dialog-footer stkcodenull-footer">
               <el-button class="sure" type="primary" @click="stkcodenullclose">确定</el-button>
            </div>
         </div>
      </div>
      <div v-if="sgsubmit">
         <div class="mask-box"></div>
         <div class="submit-dialog">
            <div class="dialog-title">
               <span>委托确认</span>
               <span class="close-btn" @click="sgsubmit=false"><i class="el-icon-close"></i></span>
            </div>
            <div class="submit-body">
               <h3 class="submit-body-title">【{{typeTitle}}】</h3>
               <div class="submit-data">
                  <p class="submit-p">
                     <span>证券代码:</span>
                     <span>{{stkcode}} {{obj.stkname}}</span>
                  </p>
                  <p class="submit-p">
                     <span>股份性质:</span>
                     <span>{{shareNature}}</span>
                  </p>
                  <p class="submit-p">
                     <span>要约价格:</span>
                     <span>{{obj.yysgprice}}元</span>
                  </p>
                  <p class="submit-p">
                     <span>委托数量:</span>
                     <span>{{orderqty}}股</span>
                  </p>
                  <p class="submit-tip" v-show="rightObj.yysd == '3' || rightObj.yysd == '4'">小提示：当前要约代码{{fnObj.firstrightStatus(rightObj.yysd)}}，委托可能废单。</p>
               </div>
            </div>
            <div class="dialog-footer submit-footer">
               <el-button class="sure" type="primary" @click="entrustsure">确定</el-button>
               <el-button class="cancel" @click="sgsubmit=false">取消</el-button>
            </div>
         </div>
      </div>

      <script src="./js/gzjy.js"></script>
</body>

</html>