  <!--资产信息详情-弹窗-->
  <div class="gl_pop_cash pop_statistical_desc">
    <div class="head_main">
      <div class="title"><i></i>凭证详情</div>
      <div class="close" @click="close"></div>
    </div>
<!--    <div class="echarts_main scrollbar">-->
<!--      <div>-->
<!--        <p>项目名称</p>-->
<!--        <p>{{data.cashflowName}}</p>-->
<!--      </div>-->
<!--      <div>-->
<!--        <p>科目编码</p>-->
<!--        <p>{{data.subjectId}}</p>-->
<!--      </div>-->
<!--      <div>-->
<!--        <p>科目名称</p>-->
<!--        <p>{{data.subjectNameAll}}</p>-->
<!--      </div>-->
<!--      <div>-->
<!--        <p>借方金额</p>-->
<!--        <p>{{data.jieAmount}}</p>-->
<!--      </div>-->
<!--      <div>-->
<!--        <p>贷方金额</p>-->
<!--        <p>{{data.daiAmount}}</p>-->
<!--      </div>-->
<!--      <div>-->
<!--        <p>数量</p>-->
<!--        <p>{{data.quantityNum}}</p>-->
<!--      </div>-->
<!--      <div>-->
<!--        <p>单位</p>-->
<!--        <p>{{data.quantityUnit}}</p>-->
<!--      </div>-->
<!--      <div>-->
<!--        <p>凭证摘要</p>-->
<!--        <p>{{data.voucherSummary}}</p>-->
<!--      </div>-->
<!--    </div>-->
    <div class="main-content">
      <div class="voucher-title">
        {{ voucherTitle }}
      </div>
      <div class="main-center">
        <div class="voucher-header" v-if="!isTemplate">
          <div class="block mr" >
            <div class="title">凭证字：{{searchFormField.voucherWord}}{{searchFormField.voucherId}}号</div>
          </div>
          <div class="block" >
            <div class="title">日期：{{searchFormField.selectDate}}</div>
          </div>

          <div class="right">
            <div class="block" >
              <div class="title">附单据</div>
              <div class="title">{{searchFormField.attachedNum}}</div>
              <div class="title">张</div>
            </div>
            <div class="block attachment" @click="poploadVisibleFun" :class="[(uploadImg.uploadImgData.id == null || uploadImg.uploadImgData.id == '') ? 'disabled' : '']">附件</div>
          </div>
        </div>
        <div class="voucher-body">
          <ul class="list header clearfix">
            <li>
              <div class="serial"></div>
              <div class="abstract">摘　　要</div>
              <div class="subjects">会 计 科 目</div>
              <div class="borrower">
                <div class="moneyTit">借 方 金 额</div>
                <div class="moneyUint">
                  <span>亿</span> <span>千</span> <span>百</span>
                  <span>十</span> <span>万</span> <span>千</span>
                  <span>百</span> <span>十</span> <span>元</span>
                  <span>角</span> <span class="last">分</span>
                </div>
              </div>
              <div class="theLender">
                <div class="moneyTit">贷 方 金 额</div>
                <div class="moneyUint">
                  <span>亿</span> <span>千</span> <span>百</span>
                  <span>十</span> <span>万</span> <span>千</span>
                  <span>百</span> <span>十</span> <span>元</span>
                  <span>角</span> <span class="last">分</span>
                </div>
              </div>
            </li>
          </ul>
          <ul class="list body clearfix">
            <li v-for="(item, index) in chargeItme.items" :key="index + 1">
              <div class="serial">
                <span class="seq">{{ index + 1 }}</span>
<!--                <div class="operateIcon">-->
<!--                  <div class="add-btn"></div>-->
<!--                  <div class="remove-btn"></div>-->
<!--                </div>-->
              </div>
              <div class="abstract">
                <div class="displayText abstractText" v-show="chargeItme.dataStatus[index].voucherSummary">{{ item.voucherSummary }}</div>
<!--                <div class="abstractMore" :class="{show: !chargeItme.dataStatus[index].voucherSummary,}"></div>-->
                <!-- :popper-append-to-body="false" -->
                <el-autocomplete v-model="item.voucherSummary" placeholder="请输入内容" :popper-append-to-body="false" :ref="'voucherSummary' + index"
                                 v-if="!chargeItme.dataStatus[index].voucherSummary" class="abstract-select">
                  <template slot-scope="{ item }">
                    <div class="name">
                      {{ (item.value = item.summary) }}
                    </div>
                  </template>
                </el-autocomplete>
              </div>
              <div class="subjects">
                <div class="displayText subjectsText" v-show="chargeItme.dataStatus[index].subjectNameAll">
                  <p class="subjectsType">
                    {{ item.subjectId + " " }}{{ item.subjectNameAll }}
                  </p>
                  <p class="subjectsBalanceOrigin" v-if="item.subjectMoney !== '' && (item.jieAmount != '' || item.daiAmount != '')">
                    之前余额：<span :class="[item.subjectMoney < 0 ? 'red' : '']">{{(item.subjectMoney * 100 / 100).toFixed(2)}}</span>
                  </p>
                  <p class="subjectsBalance" v-if="item.subjectMoney !== ''">
                    余额：<span :class="[calcDetailBalance(item) < 0 ? 'red' : '']">{{(calcDetailBalance(item) * 100 / 100).toFixed(2)}}</span>
                  </p>
                </div>
                <div class="quantity_main" v-show="chargeItme.dataStatus[index].isQuantity">
                  <div class="line-quan">
                    <div class="title">数量：</div><input type="text" class="ipt" placeholder="请输入" :disabled="isCheckedBy" v-model="item.quantityNum" @input="quanNumValid(item.quantityNum,'quantityNum',index)" />
                  </div>
                  <div class="line-quan">
                    <div class="title">单位：</div><input type="text" class="ipt" placeholder="请输入" :disabled="isCheckedBy" v-model="item.quantityUnit" />
                  </div>
                </div>
                <div class="iconMore_block" v-if="!isView && !isCheckedBy">
                  <div class="copyMore"  :class="{show: !chargeItme.dataStatus[index].subjectNameAll, isCopyShow:item.subjectId!=''}" title="复制科目"></div>
                  <div class="pasteMore" :class="{show: !chargeItme.dataStatus[index].subjectNameAll}" title="粘贴科目"></div>
                  <div class="subjectsMore" :class="{ show: !chargeItme.dataStatus[index].subjectNameAll,}" title="更多科目"></div>
                  <div class="contractMore" v-if="chargeItme.dataStatus[index].isContraction && !isModifyType" title="关联合同收款"></div>
                </div>
                <el-select v-model="item.subjectId" filterable placeholder="请选择" class="subjects-select" :popper-append-to-body="false" :ref="'subjectNameAll' + index"
                           v-if="!chargeItme.dataStatus[index].subjectNameAll" @blur="blurInput('subjectNameAll', index, 1)"
                           @change="changeInput('change', 'subjectNameAll', index, 1, item)"
                           @visible-change="visibleInput($event, 'subjectNameAll', index, 1)"
                           @keyup.enter.native="changeInput('keydown', 'subjectNameAll', index, 1, item) ">
                  <el-option class="abstract-option" v-for="(item, length) in SubjectsList" :key="length" :label="item.subjectId + ' ' + item.subjectNameAll" :value="item.subjectId"></el-option>
                </el-select>
              </div>
              <!--计算器背景-->
              <div class="computeModuleBg" v-show="chargeItme.dataStatus[index].jieComputeAmount==false" ></div>
              <div class="borrower">
                <div class="borrowerText" v-show="chargeItme.dataStatus[index].jieAmount" >
                  <!-- <span
                    v-if="item.jieAmount == 0 || item.jieAmount == ''"
                  ></span> -->
                  <span v-if="item.jieAmount === ''"></span>
                  <span class="theLenderRed" v-else-if="item.jieAmount < 0">
                      {{ -(Number(item.jieAmount) * 100).toFixed(0) }}
                    </span>
                  <span v-else>
                      {{ (Number(item.jieAmount) * 100).toFixed(0) }}
                    </span>
                </div>

                <!--借方计算器-->
                <div class="computeModule" v-show="chargeItme.dataStatus[index].jieComputeAmount==false" :style="{ width : voucherComputeWidth+'px'}">
                  <el-input :ref="'jieComputeModule' + index" v-model="voucherComputeIpt"></el-input>
                </div>

                <el-input v-model="item.jieAmount" class="borrower-input" :ref="'jieAmount' + index" v-if="!chargeItme.dataStatus[index].jieAmount" maxlength="13"
                ></el-input>
              </div>
              <div class="theLender">
                <div class="theLenderText" v-show="chargeItme.dataStatus[index].daiAmount">
                  <span v-if="item.daiAmount == 0 || item.daiAmount == ''"></span>
                  <span class="theLenderRed" v-else-if="item.daiAmount < 0">
                      {{ -(Number(item.daiAmount) * 100).toFixed(0) }}
                    </span>
                  <span v-else>
                      {{ (Number(item.daiAmount) * 100).toFixed(0) }}
                    </span>
                </div>

                <!--贷方计算器-->
                <div class="computeModule" v-show="chargeItme.dataStatus[index].daiComputeAmount==false" :style="{ width : voucherComputeWidth+'px'}">
                  <el-input :ref="'daiComputeModule' + index" v-model="voucherComputeIpt"></el-input>
                </div>

                <el-input v-model="item.daiAmount" class="borrower-input" :ref="'daiAmount' + index" v-if="!chargeItme.dataStatus[index].daiAmount" maxlength="13"
                ></el-input>
              </div>
            </li>
          </ul>

          <ul class="list footer clearfix">
            <li>
              <div class="combined">合 计：{{ capitalAmount }}</div>
              <div class="borrower">
                <div class="borrowerText">
                  <span v-if="debitAmount == 0 || debitAmount == ''"></span>
                  <span class="theLenderRed" v-else-if="debitAmount < 0">{{ -(Number(debitAmount) * 100).toFixed(0) }}</span>
                  <span v-else>{{(Number(debitAmount) * 100).toFixed(0)}}</span>
                </div>
              </div>
              <div class="theLender">
                <div class="theLenderText">
                  <span v-if="lenderAmount == 0 || lenderAmount == ''"></span>
                  <span class="theLenderRed" v-else-if="lenderAmount < 0">{{ -(Number(lenderAmount) * 100).toFixed(0) }}</span>
                  <span v-else>{{(Number(lenderAmount) * 100).toFixed(0)}}</span>
                </div>
              </div>
            </li>
          </ul>
        </div>

        <div class="assist-accounting" v-if="assistAccounting.numRows == '' && (this.$route.query.id != undefined || this.redDashedItems != undefined) && assistAccounting.allDataList.length != 0 &&
            !( assistAccounting.accordingState && assistAccounting.numRows !== '')">
          <div class="assist-title">
            辅助核算{{ assistAccounting.accordingType }}
          </div>
          <div class="assist-main voucher-body">
            <ul class="list header clearfix">
              <li>
                <div class="companyUnit" :style="{ width: 'calc((100% - 442px) * 0.3)' }">单位</div>
                <div class="personal" :style="{ width: 'calc((100% - 442px) * 0.2)' }">个人</div>
                <div class="numberOf" :style="{ width: 'calc((100% - 442px) * 0.2)' }">部门</div>
                <div class="projects" :style="{ width: 'calc((100% - 442px) * 0.3)' }">项目</div>
                <div class="borrower" :style="{ width: '221px' }">借方金额</div>
                <div class="theLender" :style="{ width: '221px' }">贷方金额</div>
              </li>
            </ul>
            <ul class="list body clearfix">
              <li v-for="(item, length) in assistAccounting.allDataList" :key="length">
                <div class="companyUnit" :style="{ width: 'calc((100% - 442px) * 0.3)' }">
                  <el-select v-model="item.assistTypeId1" placeholder="无" filterable @change="$forceUpdate()" class="andFrom-select" :disabled="true">
                    <el-option v-for="(item, length) in assistAccounting.unitSelectList" :key="length" :label="item.name" :value="item.id"></el-option>
                  </el-select>
                </div>

                <div class="personal" :style="{ width: 'calc((100% - 442px) * 0.2)' }">
                  <el-select placeholder="无" filterable class="andFrom-select" v-model="item.assistTypeId2" @change="$forceUpdate()" :disabled="true">
                    <el-option v-for="(item, length) in assistAccounting.personalSelectList" :key="length" :label="item.name" :value="item.id"></el-option>
                  </el-select>
                </div>

                <div class="numberOf" :style="{ width: 'calc((100% - 442px) * 0.2)' }">
                  <el-select v-model="item.assistTypeId3" placeholder="无" filterable class="andFrom-select" @change="$forceUpdate()" :disabled="true">
                    <el-option v-for="(item, length) in assistAccounting.numSelectList" :key="length" :label="item.name" :value="item.id"></el-option>
                  </el-select>
                </div>

                <div class="projects" :style="{ width: 'calc((100% - 442px) * 0.3)' }">
                  <el-select v-model="item.assistTypeId4" placeholder="无" filterable @change="$forceUpdate()" class="andFrom-select" :disabled="true">
                    <el-option v-for="(item, length) in assistAccounting.projectSelectList" :key="length" :label="item.name" :value="item.id"></el-option>
                  </el-select>
                </div>
                <div class="borrower" :style="{ width: '221px' }">
                  <el-input v-model="item.jieAmount" @input="$forceUpdate()" placeholder="无" class="andFrom-input" :disabled="true" @change="changeAuxiliaryFun('jieAmount', length)"></el-input>
                </div>
                <div class="theLender" :style="{ width: '221px' }">
                  <el-input v-model="item.daiAmount" @input="$forceUpdate()" placeholder="无" class="andFrom-input" :disabled="true" @change="changeAuxiliaryFun('daiAmount', length)"></el-input>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="assist-accounting" v-if="assistAccounting.accordingState && assistAccounting.numRows !== ''">
          <div class="assist-title">辅助核算</div>
          <div class="assist-main voucher-body">
            <ul class="list header clearfix">
              <li>
                <div class="companyUnit" :style="{ width: computeStyle('dw', assistAccounting.accordingType),}" v-if="assistAccounting.accordingType.includes('1')">单位</div>
                <div class="personal" :style="{width: computeStyle('gr', assistAccounting.accordingType),}" v-if="assistAccounting.accordingType.includes('2')">个人</div>
                <div class="numberOf" :style="{width: computeStyle('sl', assistAccounting.accordingType),}" v-if="assistAccounting.accordingType.includes('3')">部门</div>
                <div class="projects" :style="{width: computeStyle('xm', assistAccounting.accordingType),}" v-if="assistAccounting.accordingType.includes('4')">项目</div>
                <div class="borrower">借方金额</div>
                <div class="theLender">贷方金额</div>
              </li>
            </ul>
            <ul class="list body clearfix">
              <li v-for="(item, length) in assistAccounting.dataList[assistAccounting.numRows]" :key="length">
                <div class="companyUnit" :style="{width: computeStyle('dw', assistAccounting.accordingType),}" v-if="assistAccounting.accordingType.includes('1')">
                  <el-select v-model="assistAccounting.dataList[assistAccounting.numRows][length].assistTypeId1" placeholder="请选择单位" filterable
                             @change="auxiliaryFun()" class="andFrom-select" :ref="'assistTypeId1' + length" :disabled="!assistAccounting.accordingType.includes('1')">
                    <el-option v-for="(item, length) in assistAccounting.unitSelectList" :key="length" :label="item.name" :value="item.id"></el-option>
                  </el-select>
                </div>

                <div class="personal" :style="{width: computeStyle('gr', assistAccounting.accordingType),}" v-if="assistAccounting.accordingType.includes('2')">
                  <el-select placeholder="请选择个人" filterable class="andFrom-select" v-model="assistAccounting.dataList[assistAccounting.numRows][length].assistTypeId2"
                             @change="auxiliaryFun()" :ref="'assistTypeId2' + length" :disabled="!assistAccounting.accordingType.includes('2')">
                    <el-option v-for="(item, length) in assistAccounting.personalSelectList" :key="length" :label="item.name" :value="item.id"></el-option>
                  </el-select>
                </div>

                <div class="numberOf" :style="{width: computeStyle('sl', assistAccounting.accordingType),}" v-if="assistAccounting.accordingType.includes('3')">
                  <el-select v-model="assistAccounting.dataList[assistAccounting.numRows][length].assistTypeId3" placeholder="请选择部门" filterable class="andFrom-select" :ref="'assistTypeId3' + length"
                             @change="auxiliaryFun()" :disabled="!assistAccounting.accordingType.includes('3')">
                    <el-option v-for="(item, length) in assistAccounting.numSelectList" :key="length" :label="item.name" :value="item.id"></el-option></el-select>
                </div>

                <div class="projects" :style="{width: computeStyle('xm', assistAccounting.accordingType),}" v-if="assistAccounting.accordingType.includes('4')">
                  <el-select v-model="assistAccounting.dataList[assistAccounting.numRows][length].assistTypeId4" placeholder="请选择项目" filterable :ref="'assistTypeId4' + length"
                             @change="auxiliaryFun()" class="andFrom-select" :disabled="!assistAccounting.accordingType.includes('4')">
                    <el-option v-for="(item, length) in assistAccounting.projectSelectList" :key="length" :label="item.name" :value="item.id"></el-option>
                  </el-select>
                </div>
                <div class="borrower">
                  <el-input v-model="assistAccounting.dataList[assistAccounting.numRows][length].jieAmount" @input="auxiliaryFun()" placeholder="请输入借方金额" class="andFrom-input"
                            @change="changeAuxiliaryFun('jieAmount', length)"></el-input>
                </div>
                <div class="theLender">
                  <el-input v-model="assistAccounting.dataList[assistAccounting.numRows][length].daiAmount" @input="auxiliaryFun()" placeholder="请输入贷方金额" class="andFrom-input"
                            @change="changeAuxiliaryFun('daiAmount', length)"></el-input>
                </div>
                <div class="operateIcon">
                  <i class="add-btn"></i>
                  <i class="remove-btn"></i>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="voucher-footer" v-if="!isTemplate">
          <div class="prepared-main">
            <p class="prepared">制单员：{{ searchFormField.userName }}</p>
            <p class="accountedby"><span class="accountedby-content">记账员：{{ searchFormField.accountedBy }}</span></p>
            <p class="audit">审核员：<span v-if="isCheckedBy && approvedcredentials">{{ searchFormField.checkedBy }}</span><span v-else class="audit-placeholder"></span></p>
          </div>
          <div class="approval-main" v-if="uploadImg.uploadImgData.id!=null && uploadImg.uploadImgData.id!=''">
            <div class="approver_wrap">
<!--              <div class="approver">理财小组：{{searchFormField.barCodeList}}</div>-->
<!--              <div class="approver_icon"></div>-->
            </div>
            <div class="approver_time" v-if="!(searchFormField.checkedTime==''||searchFormField.checkedTime==null)">审批时间：{{searchFormField.checkedTime}}</div>
          </div>
        </div>
      </div>
    </div>
    <el-dialog :title="visiblePop.uploadTitle" :visible.sync="visiblePop.uploadVisible" width="800px" append-to-body :before-close="closeHighShotMeter">
      <div class="upload_attachments">
        <div class="left_updata_main">
          <div class="type_main" v-if="!(isCheckedBy || uploadImg.uploadImgData.id == null || uploadImg.uploadImgData.id == '')">
            <div class="link_div">
              <div class="fj_title">附件类型:</div>
              <div class="fj_group">
                <el-radio-group v-model="uploadImg.uploadImgData.fileType">
                  <el-radio v-for="item in uploadImg.fileTypeOptions" :key="item.dictValue" :value="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
                </el-radio-group>
              </div>
            </div>
            <div class="link_div">
              只能上传jpg、png、gif、pdf、doc、docx、xlsx、xls、zip文件，且不超过30MB
            </div>
          </div>
          <div class="updata_list" v-loading="uploadImg.attachmentLoading">
            <!-- 1 -->
            <div class="flex_block" v-for="(item, index) in uploadImg.fileTypeOptions" :key="index">
              <div class="title">{{ item.dictLabel }}</div>
              <div class="content">
                <div v-if="!uploadImg.dealWithFileList[item.dictValue]" class="not_data">
                  暂无附件
                </div>
                <ul class="ul_wrap" v-else>
                  <li v-for="(val, len) in uploadImg.dealWithFileList[item.dictValue]" :key="len">
                    <div class="icon_success" v-if="!(isCheckedBy || uploadImg.uploadImgData.id == null || uploadImg.uploadImgData.id == '')"></div>
                    <div class="icon_delete" v-if="!(isCheckedBy || uploadImg.uploadImgData.id == null || uploadImg.uploadImgData.id == '')"></div>
                    <div class="picture" @click="previewPreview(val,index,len)">
                      <img :src="val.url? val.url: uploadImg.baseRoutingUrl + (val.thumUrl || val.fileUrl)" />
                    </div>
                    <div class="picture_title">{{ val.name }}</div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="right_updata_main" v-if="!(isCheckedBy || uploadImg.uploadImgData.id == null || uploadImg.uploadImgData.id == '')">
          <div class="updata_local">
            <el-upload ref="upload" :action="uploadImg.uploadImgUrl"
                       accept=".jpg,.png,.gif,.pdf,.doc,.docx,.xlsx,.xls,.zip" :on-success="handlePreview"
                       :data="uploadImg.uploadImgData" list-type="picture" :headers="uploadImg.uploadImgHeaders"
                       class="addAccessoryPop" :disabled="isCheckedBy || uploadImg.uploadImgData.id == null || uploadImg.uploadImgData.id == ''"
            >
              <el-button slot="trigger" size="small" type="primary">本地上传</el-button>
            </el-upload>
          </div>
          <div class="qrCode_main" v-if="searchFormField.qrCode != ''">
            <div class="title">凭证二维码</div>
            <div class="qrCode_img">
              <img :src="uploadImg.baseRoutingUrl + searchFormField.qrCode" />
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="closeHighShotMeter">关 闭</el-button>
      </span>
    </el-dialog>
    <el-image append-to-body style="width: 100%;display: none;" v-for="(item,index) in fileListImg" :src="focusImgUrl" :ref="'preview'+index" :initial-index="initialIndex" :preview-src-list="item"></el-image>
  </div>
