调整在线编制报告页面

licp

2024-04-03 c9303f5f4ff471081bdeb6ed2c15448a77adfb22

 src/components/view/b1-report-preparation.vue

@@ -38,6 +38,12 @@
   .el-form-item {
      margin-bottom: 16px;
   }

  .full-screen{
    position: absolute;
    right: 52px;
    top: 22px;
  }
</style>

<template>
@@ -57,7 +63,7 @@
            <div class="search_thing">
               <div class="search_label">状态：</div>
               <div class="search_input">
          <el-select v-model="componentData.entity.status" placeholder="全部">
          <el-select v-model="componentData.entity.status" placeholder="全部" size="small">
            <el-option
              v-for="item in statusList"
              :key="item.value"
@@ -77,14 +83,28 @@
               :key="upIndex" @handleWeave="handleWeave"/>
         </div>
      </div>
    <el-dialog title="在线编制" :visible.sync="claimVisible" width="25cm" :modal-append-to-body="false" :fullscreen="fullscreen">
      <div class="full-screen">
        <i class="el-icon-full-screen" style="cursor: pointer;font-size: 18px" @click="fullscreen=true;" v-if="!fullscreen"></i>
        <img src="../../../static/img/no-full.svg" alt="" v-else style="cursor: pointer;" @click="fullscreen=false;" >
      </div>
      <Word :style="fullscreen?'height:83vh':'height:70vh'" v-if="claimVisible" ref="Word" :value="value"/>
         <span slot="footer" class="dialog-footer">
            <el-button @click="claimVisible = false">取 消</el-button>
            <el-button type="primary" @click="confirmClaim">确 定</el-button>
         </span>
      </el-dialog>
   </div>
</template>

<script>
   import ValueTable from '../tool/value-table.vue'
  import Word from '../tool/word.vue'
  // import convertFileToHtml from '../../util/file';
   export default {
      components: {
         ValueTable
         ValueTable,
      Word,
      },
      data() {
         return {
@@ -178,14 +198,23 @@
            },
            entityCopy: {},
            upIndex: 0,
        statusList:[]
        statusList:[],
        claimVisible:false,
        fullscreen:false,
        value:''
         }
      },
    watch:{
      claimVisible(val){
        this.fullscreen = false;
      }
    },
      mounted() {
         this.entityCopy = this.HaveJson(this.componentData.entity)
         this.getPower()
      },
      methods: {
      // ...convertFileToHtml(),
         refreshTable() {
            this.$refs['ValueTable'].selectList()
         },
@@ -193,7 +222,9 @@
            this.componentData.entity = this.HaveJson(this.entityCopy)
            this.upIndex++
         },
      handleWeave(){},
      handleWeave(){
        this.claimVisible = true;
      },
         // 权限分配
         getPower(radio) {
            let power = JSON.parse(sessionStorage.getItem('power'))
@@ -213,9 +244,11 @@
            }
         },
         handleClose() {

            this.upLoad = false;
         },
      confirmClaim(){
        console.log(11111111111,this.$refs.Word.getValue())
      }
      }
   }
</script>