修改下单时要求值输入限制

licp

2024-12-20 d975fc4756806f5b51f006c19c33571b9b8c0b3b

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

@@ -47,12 +47,38 @@

  .btns {
    position: absolute;
    right: 100px;
    top: 17px;
    right: 40px;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
  }

  .fullscreen {
    height: 82vh
  }
  .img-list{
    width: 100%;
    display: flex;
  }
  .list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .list-item{
    width: 120px;
    height: 120px;
    margin: 4px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #fff;
  }
  .list-item:hover{
     border: 1px solid #3A7BFA;
  }
  .list-item.active{
     border: 1px solid #3A7BFA;
  }
</style>

@@ -61,10 +87,15 @@
    <div style="width: 100%;height: 100%;">
      <div>
        <el-row class="title">
          <el-col :span="12" style="padding-left: 20px;text-align: left;">报告编制</el-col>
          <el-col :span="12" style="text-align: left;">
            <el-radio-group v-model="radio"size="medium" fill="#3A7BFA">
              <el-radio-button label="0">报告编制</el-radio-button>
              <el-radio-button label="1">订单</el-radio-button>
            </el-radio-group>
          </el-col>
        </el-row>
      </div>
      <div class="search">
      <div class="search" style="position: relative;" v-if="radio==0">
        <div class="search_thing">
          <div class="search_label">报告编号：</div>
          <div class="search_input"><el-input size="small" placeholder="请输入" clearable
@@ -81,12 +112,30 @@
          <el-button size="small" @click="refresh()">重 置</el-button>
          <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
        </div>
        <div class="btns">
          <el-button size="small" type="primary" @click="handleDowns" :loading="outLoading" style="margin-right: 16px;">批量下载</el-button>
          <el-upload
            class="upload-demo"
            :action="action"
            :headers="headers"
            :show-file-list="false"
            accept=".zip"
            :limit="1"
            :before-upload="beforeUpload"
            :on-success="handleSuccess"
            ref="upload"
            :on-error="onError">
            <el-button size="small" type="primary" :loading="inLoading">批量上传</el-button>
          </el-upload>
        </div>
      </div>
      <!-- <input id="input" type="file" accept=".doc,.docx"></input> -->
      <div class="table">
        <ValueTable ref="ValueTable" :url="$api.insReport.pageInsReport" :componentData="componentData"
      <div class="table" v-if="radio==0">
        <ValueTable ref="ValueTable" :url="$api.insReport.pageInsReport"
                    :isColumnWidth="true"
                    :componentData="componentData"
          :key="upIndex" />
      </div>
      <Order v-if="radio==1"/>
    </div>
    <el-dialog title="在线编制" :visible.sync="claimVisible" width="22cm" :modal-append-to-body="false"
      :fullscreen="fullscreen">
@@ -107,8 +156,10 @@
        <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>
      <div style="height: 80vh;">
      <div style="height: 78vh;" v-if="issuedVisible">
         <onlyoffice ref="onlyoffice" :options="option" style="width: 100%;height: 100%;" />
         <!-- <filePreview v-if="issuedVisible" :fileUrl="currentFile.url"
         :currentFile="currentFile" style="max-height: 100%;overflow-y: auto;"/> -->
      </div>
      <span slot="footer" class="dialog-footer">
            <el-button @click="issuedReasonVisible=true" :disabled="loadingIssued">不通过</el-button>
@@ -130,12 +181,29 @@
        <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>
      <div style="height: 80vh;">
      <div style="height: 78vh;" v-if="approveVisible">
         <onlyoffice ref="onlyoffice" :options="option" style="width: 100%;height: 100%;" />
         <!-- <filePreview v-if="approveVisible" :fileUrl="currentFile.url"
         :currentFile="currentFile" style="max-height: 100%;overflow-y: auto;"/> -->
      </div>
      <span slot="footer" class="dialog-footer">
            <el-button @click="approveReasonVisible=true" :disabled="loadingApprove">不批准</el-button>
            <el-button type="primary" @click="subApprove" :loading="loadingApprove">批 准</el-button>
         </span>
      </el-dialog>
    <el-dialog title="印章选择" :visible.sync="imgVisible" width="50vw" :modal-append-to-body="false"
    :close-on-click-modal="false"
    :close-on-press-escape="false">
      <div class="img-list">
        <label style="width: 120px;">印章选择：</label>
        <div class="list" style="flex: 1;">
          <div class="list-item" :class="{active:currentImg==m.id}" v-for="m in imgList" @click="currentImg = m.id">
            <img :src="javaApi+'/img/'+m.address" alt="" style="width: 118px;height: 118px;">
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="subApprove0" :loading="loadingApprove">确 认</el-button>
         </span>
      </el-dialog>
    <el-dialog title="不批准原因" :visible.sync="approveReasonVisible" width="400px" :modal-append-to-body="false">
@@ -148,21 +216,35 @@
            <el-button type="primary" @click="handleApproveReason" :loading="loadingApproveReason">确定</el-button>
         </span>
      </el-dialog>
    <el-dialog
      title="文件预览"
      :visible.sync="lookFileVisible"
       fullscreen :modal="false">
      <filePreview v-if="lookFileVisible" :fileUrl="currentFile.url"
      :currentFile="currentFile" style="max-height: 87vh;overflow-y: auto;"/>
    </el-dialog>
   </div>
</template>

<script>
  import ValueTable from '../tool/value-table.vue'
  import Word from '../tool/word.vue'
  import onlyoffice from '../tool/onlyoffice.vue'
  import Order from '../do/b1-report-preparation/order.vue'
  import filePreview from '../tool/file-preview.vue'
  export default {
    components: {
      ValueTable,
      Word,
      onlyoffice
      onlyoffice,
      Order,
      filePreview
    },
    data() {
      return {
        lookFileVisible:false,
        currentFile:{
          url:''
        },
        radio:0,
        componentData: {
          entity: {
            entrustCode: null,
@@ -173,18 +255,19 @@
            }
          },
          isIndex: true,
          showSelect: false,
          select: false,
          showSelect: true,
          select: true,
          selectMethod: 'handleChange',
          do: [
            {
              id: 'handleWeave',
              font: '编制',
              type: 'text',
              method: 'handleWeave',
              disabFun: (row, index) => {
                return row.isExamine != null
              }
            },
            // {
            //   id: 'handleWeave',
            //   font: '编制',
            //   type: 'text',
            //   method: 'handleWeave',
            //   disabFun: (row, index) => {
            //     return row.isExamine != null
            //   }
            // },
            {
              id: 'download',
              font: '下载',
@@ -279,6 +362,7 @@
          },
          selectField: {},
          requiredAdd: [],
          needSort: ['createTime', 'state', 'writeTime', 'isExamine', 'examineTime', 'ratifyTime'],
          requiredUp: []
        },
        entityCopy: {},
@@ -297,9 +381,25 @@
        value: ``,
        reason: '',
        currentInfo: null,
        option:null
        option:null,
        mutiList:[],
        outLoading:false,
        inLoading:false,
        imgList:[],
        imgVisible:false,
        currentImg:null
      }
    },
    computed: {
         headers() {
            return {
               'token': sessionStorage.getItem('token')
            }
         },
         action() {
            return this.javaApi + this.$api.insReport.upAll
         }
      },
    mounted() {
      this.entityCopy = this.HaveJson(this.componentData.entity)
      this.getPower()
@@ -332,12 +432,86 @@
      // }
    },
    methods: {
      handleChange(arr){
        this.mutiList = arr
      },
      handleDowns(){
        if(this.mutiList.length==0){
          this.$message.error('请选择报告')
          return
        }
        let str = this.mutiList.map(m=>m.id).join(',')
        this.outLoading = true
        this.$axios.get(this.$api.insReport.downAll+'?ids='+str).then(res => {
          this.outLoading = false
          this.$message.success('导出成功')
          // const blob = new Blob([res],{ type: 'application/octet-stream' });
          // const url = URL.createObjectURL(blob);
          // const link = document.createElement('a');
          // link.href = url;
          // link.download = '报告.zip';
          // link.click();
          const link = document.createElement('a');
          link.href = this.javaApi + res.message;
          link.target = '_blank';
          document.body.appendChild(link);
          link.click();
        })
      },
      beforeUpload(file){
        const isZip = file.type === 'application/zip' || file.name.endsWith('.zip');
        if (!isZip) {
          this.$message.error('上传文件只能是 ZIP 格式!');
        }
        if(isZip){
          this.inLoading = true;
        }
        return isZip;
      },
      handleSuccess(response,){
        this.inLoading = false;
        if (response.code == 200) {
          this.$message.success('导入成功')
          this.refreshTable()
            }else{
          this.$message.error(response.message)
        }
      },
      async selectSeal(row){
        await this.$axios.post(this.$api.sealScope.selectSeal,{
          entity: {
            labId:row.labId,
                  orderBy: {
                     field: 'id',
                     order: 'asc'
                  }
               },
          page:{
            current:-1,
            size:-1
          }
        }, {
          headers: {
            'Content-Type': 'application/json'
          }
        }).then(res=>{
          this.imgList = res.data.body.records.map((m,i)=>{
            m.id = i + 1
            return m
          })
        })
      },
      onError(err, file, fileList,type) {
            this.$message.error('上传失败')
            this.$refs.upload.clearFiles()
         },
      refreshTable(e) {
        this.$refs['ValueTable'].selectList(e)
      },
      refresh() {
        this.componentData.entity = this.HaveJson(this.entityCopy)
        this.upIndex++
        this.$refs['ValueTable'].selectList(e)
      },
      async handleWeave(row) {
        let fileName = (row.urlS===null||row.urlS==='')?row.url:row.urlS
@@ -390,45 +564,49 @@
          }
        }
        if (!approve) {
          this.componentData.do.splice(6, 1)
        }
        if (!issued) {
          this.componentData.do.splice(5, 1)
        }
        if (!sub) {
        if (!issued) {
          this.componentData.do.splice(4, 1)
        }
        if (!res) {
        if (!sub) {
          this.componentData.do.splice(3, 1)
        }
        if (!up) {
        if (!res) {
          this.componentData.do.splice(2, 1)
        }
        if (!edit) {
          this.componentData.do.splice(0, 1)
        if (!up) {
          this.componentData.do.splice(1, 1)
        }
        // if (!edit) {
        //   this.componentData.do.splice(0, 1)
        // }
      },
      confirmClaim() {
        // console.log(this.$refs.Word.getValue())
      },
      async selectAllByOne(row) {
        // let url = row.urlS ? row.urlS : row.url;
        // this.currentFile.url = this.javaApi + url;
        let fileName = (row.urlS===null||row.urlS==='')?row.url:row.urlS
        fileName = fileName.replace('/word/','')
        const userName = JSON.parse(localStorage.getItem("user")).name;
        //参考vabOnlyOffice组件参数配置
        const { href } = this.$router.resolve({
          path: `/wordEdit`,
          query: {
            url: this.javaApi + "/word/" + row.entrustCode + ".docx",
            isEdit: "false",
            url: this.javaApi + "/word/" + fileName,
            isEdit: false,
            fileType: "docx",
            title: row.entrustCode + ".docx",
            title: fileName,
            lang: 'zh-CN',
            isPrint: true,
            user_id: 1,
            user_name: userName
            user_name: userName,
          }
        })
        window.open(href, '_blank');
        console.log(`output->row`,row)
        // this.lookFileVisible = true
      },
      download(row) {
        let url = row.urlS ? row.urlS : row.url;
@@ -451,21 +629,23 @@
      },
      handleIssued(row) {
        this.currentInfo = row;
        // let url = row.urlS ? row.urlS : row.url;
        // this.currentFile.url = this.javaApi + url;
        let fileName = (row.urlS===null||row.urlS==='')?row.url:row.urlS
        fileName = fileName.replace('/word/','')
        const userName = JSON.parse(localStorage.getItem("user")).name;
        //参考vabOnlyOffice组件参数配置
        this.option = {
            url: this.javaApi + "/word/" + fileName,
            isEdit: false,
            fileType: "docx",
            title: fileName,
            lang: 'zh-CN',
            isPrint: false,
            user_id: 1,
            user_name: userName,
            editUrl: this.javaApi + "/insReport/onlyOffice/save?fileName=" + fileName
          }
          this.issuedVisible = true;
          url: this.javaApi + "/word/" + fileName,
          isEdit: false,
          fileType: "docx",
          title: fileName,
          lang: 'zh-CN',
          isPrint: true,
          user_id: 1,
          user_name: userName,
        }
        this.issuedVisible = true;
      },
      // 审核通过
      subIssued() {
@@ -489,39 +669,30 @@
      },
      handleApprove(row) {
        this.currentInfo = row;
        // let url = row.urlS ? row.urlS : row.url;
        // this.currentFile.url = this.javaApi + url;
        let fileName = (row.urlS===null||row.urlS==='')?row.url:row.urlS
        fileName = fileName.replace('/word/','')
        const userName = JSON.parse(localStorage.getItem("user")).name;
        //参考vabOnlyOffice组件参数配置
        this.option = {
            url: this.javaApi + "/word/" + fileName,
            isEdit: false,
            fileType: "docx",
            title: fileName,
            lang: 'zh-CN',
            isPrint: false,
            user_id: 1,
            user_name: userName,
            editUrl: this.javaApi + "/insReport/onlyOffice/save?fileName=" + fileName
          }
          url: this.javaApi + "/word/" + fileName,
          isEdit: false,
          fileType: "docx",
          title: fileName,
          lang: 'zh-CN',
          isPrint: true,
          user_id: 1,
          user_name: userName,
        }
        this.approveVisible = true;
      },
      // 批准通过
      subApprove() {
        this.loadingApprove = true;
        this.$axios.post(this.$api.insReport.ratifyReport, {
          id: this.currentInfo.id,
          isRatify: 1
        }).then(res => {
          this.loadingApprove = false;
          if (res.code == 201) {
            this.$message.error('批准失败')
            return
          }
          this.$message.success('已批准')
          this.refreshTable('page')
          this.currentInfo = null;
          this.approveVisible = false;
        })
      async subApprove() {
        // this.currentInfo
        await this.selectSeal(this.currentInfo)
        this.approveVisible = false;
        this.imgVisible = true;
      },
      // 提交操作
      handleSubmit(row) {
@@ -594,6 +765,29 @@
          this.$message.error('操作失败')
          this.loadingIssuedReason = false;
        })
      },
      subApprove0(){
        if(!(this.currentImg&&this.imgList.find(m=>m.id==this.currentImg))){
          this.$message.error('请选择印章')
          return
        }
        this.loadingApprove = true;
        this.$axios.post(this.$api.insReport.ratifyReport, {
          id: this.currentInfo.id,
          isRatify: 1,
          sealUrl:this.imgList.find(m=>m.id==this.currentImg).address
        }).then(res => {
          this.loadingApprove = false;
          if (res.code == 201) {
            this.$message.error('批准失败')
            return
          }
          this.$message.success('已批准')
          this.refreshTable('page')
          this.currentInfo = null;
          this.currentImg = null;
          this.imgVisible = false;
        })
      }
    }
  }