'页面尺寸自适应初期调整'

付延余

2023-01-04 a6b40a1b80b586f7dbd874f3939f5e06fcc752d2

'页面尺寸自适应初期调整'

 dist-11.4.rar

Binary files differ

 dist1-4F.7z

Binary files differ

 package.json

@@ -3,12 +3,22 @@
  "version": "3.11.0",
  "private": true,
  "scripts": {
    "pre": "cnpm install || yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org ",
    "dev": "vue-cli-service serve",
    "analyze": "vue-cli-service build --report",
    "build": "vue-cli-service build",
    "build:docker": "vue-cli-service build --dest='./docker/dist/'",
    "dev": "vue-cli-service serve",
    "lint": "vue-cli-service lint",
    "analyze": "vue-cli-service build --report"
    "pre": "cnpm install || yarn --registry https://registry.npm.taobao.org || npm install --registry https://registry.npm.taobao.org "
  },
  "lint-staged": {
    "*.js": [
      "vue-cli-service lint",
      "git add"
    ],
    "*.vue": [
      "vue-cli-service lint",
      "git add"
    ]
  },
  "dependencies": {
    "@chenfengyuan/vue-qrcode": "^1.0.1",
@@ -57,22 +67,12 @@
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.12.0",
    "@vue/cli-service": "^3.12.0",
    "benz-amr-recorder": "^1.0.14",
    "chai": "^4.1.2",
    "compression-webpack-plugin": "^3.1.0",
    "node-sass": "^4.9.0",
    "sass-loader": "^7.0.1",
    "vue-template-compiler": "^2.6.10",
    "vue-video-player": "^5.0.2",
    "benz-amr-recorder": "^1.0.14"
  },
  "lint-staged": {
    "*.js": [
      "vue-cli-service lint",
      "git add"
    ],
    "*.vue": [
      "vue-cli-service lint",
      "git add"
    ]
    "vue-video-player": "^5.0.2"
  }
}

 src/router/axios.js

@@ -34,7 +34,7 @@
  const TENANT_ID = getStore({ name: 'tenantId' })
  const isToken = (config.headers || {}).isToken === false
  // const token = window.android.getAppToken()
  const token = `8d3bcce6-c27b-4f98-92a7-12b3b9a02306`
  const token = `8d47d31b-2c41-47e6-9870-b7208447b9fe`
  if (token && !isToken) {
    config.headers['Authorization'] = 'Bearer ' + token// token
  }

 src/router/pad/index.js

 src/views/padSunmaryProcedure/Home.vue

@@ -6,7 +6,10 @@

<script>
export default {
  name: "Home"
  name: 'Home',
  data() {
    return {}
  },
}
</script>

@@ -36,5 +39,4 @@
      height: 100%;
    }
  }*/

</style>

 src/views/padSunmaryProcedure/index.vue

@@ -1,68 +1,67 @@
<template>
  <basic-container id="box" style="width: 100vw">
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="当事人">
        <el-input v-model="formInline.litigant" placeholder="当事人" style="width:110px!important"></el-input>
      </el-form-item>
      <el-form-item label="电话">
        <el-input v-model="formInline.phone" placeholder="电话" style="width:130px!important"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="getDataList(0)">查询</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="getById">新增</el-button>
      </el-form-item>
    </el-form>
  <basic-container>
    <div class="nav">
      <div class="peopleSeachInput">
        <el-input v-model="formInline.litigant"
                  placeholder="当事人"></el-input>
        <el-input v-model="formInline.phone"
                  placeholder="电话"></el-input>
      </div>
      <div class="peopleSeachBtn">
        <el-button type="primary"
                   @click="getDataList(0)">查询</el-button>
        <el-button type="primary"
                   @click="getById">新增</el-button>
      </div>
    </div>

    <div class="law-table-main">
      <el-table
        :height="tableHeight"
      <el-table :height="tableHeight"
        @row-click="rowget"
        :data="tableData">
        <el-table-column
          prop="casePoint"
                :data="tableData"
                :header-row-style="{height:tableRowHeight+'px'}"
                :row-style="{ height: tableRowHeight+'px'}"
                :cell-style="{padding:'0px'}"
                height="calc(100% - 150px)"
                :highlight-current-row='true'>
        <el-table-column prop="casePoint"
          label="案由"
          :show-overflow-tooltip="true"
          min-width="20%"
        ></el-table-column>
        <el-table-column
          prop="litigant"
                         min-width="180"></el-table-column>
        <el-table-column prop="litigant"
          label="当事人姓名"
          min-width="20%">
                         min-width="150"
                         align="center">
        </el-table-column>
        <el-table-column
          prop="phone"
        <el-table-column prop="phone"
          label="联系电话"
          min-width="22%"
        ></el-table-column>
        <el-table-column
          prop="createTime"
                         min-width="160"
                         align="center"></el-table-column>
        <el-table-column prop="createTime"
          label="提交时间"
          sortable
          min-width="18%"
        ></el-table-column>
        <el-table-column
          prop="hanlders"
                         min-width="220"
                         align="center"></el-table-column>
        <el-table-column prop="hanlders"
          label="执法人"
          :show-overflow-tooltip="true"
          min-width="18%"
        ></el-table-column>
                         min-width="150"></el-table-column>
      </el-table>
    </div>
    <div class="avue-crud__pagination">
      <el-pagination
        @size-change="sizeChangeHandle"
      <el-pagination @size-change="sizeChangeHandle"
        @current-change="currentChangeHandle"
        :current-page="pageIndex"
        :page-sizes="[10, 20, 50, 100]"
        :page-size="pageSize"
        :total="total"
        background
        layout="total, sizes, prev, pager, next, jumper"
      >
                     layout="total, sizes, prev, pager, next, jumper">
      </el-pagination>
    </div>
    <SunmaryProcedureForm v-if="isShow" ref="sunmaryProcedure" @cancel="cancel"></SunmaryProcedureForm>
    <SunmaryProcedureForm v-if="isShow"
                          ref="sunmaryProcedure"
                          @cancel="cancel"></SunmaryProcedureForm>
  </basic-container>
</template>

@@ -70,8 +69,8 @@
import {getObj} from '@/api/News/pad'

export default {
  name: "index",

  name: 'index',
  // props: ['screenHomeHeight'],
  data() {
    return {
      isShow: false,
@@ -79,18 +78,47 @@
        litigant: '',
        phone: '',
        current:this.pageIndex,
        size:this.pageSize
        size: this.pageSize,
      },
      pageSize: 10,
      pageIndex: 1,
      total: 10,
      tableHeight: 600,
      tableData: []
      tableHeight: '100%',
      tableData: [],
      screenHeight: null,
      tableRowHeight: '', //根据屏幕设置表格行高
    }
  },
  created() {
    this.getDataList(0)
    // this.formInline.litigant = window.android.getAppToken()
  },
  mounted() {
    // 获取屏幕高度
    window.onresize = () => {
      return (() => {
        this.screenHeight = document.body.clientHeight
      })()
    }
    this.screenHeight = document.body.clientHeight
  },
  watch: {
    screenHeight: {
      handler: function (newV) {
        console.log('屏幕高度的变化', newV, typeof newV)
        this.tableRowHeight = (newV * 0.9) / 11
      },
      immediate: true,
    },
    // screenHomeHeight: function (newV) {
    //   console.log('父组件高变化，子组件接受', newV)
    //   if (newV.indexOf('p') != -1) {
    //     this.tableRowHeight = (newV.slice(0, newV.indexOf('p')) * 0.9) / 11
    //   } else {
    //     this.tableRowHeight = (newV * 0.9) / 11
    //   }
    //   console.log('表格的高度', this.tableRowHeight)
    // },
  },
  methods: {
    /*look(){
@@ -101,19 +129,19 @@
    getDataList(type) {
      // this.$nextTick(()=>{
      if (type == 0) {
        this.formInline.type = type;
        this.formInline.current=this.pageIndex;
        this.formInline.size=this.pageSize;
        getObj(this.formInline).then(res => {
        this.formInline.type = type
        this.formInline.current = this.pageIndex
        this.formInline.size = this.pageSize
        getObj(this.formInline).then((res) => {
          this.tableData = res.data.data.records
          this.total =res.data.data.total
        })
      } else {
        // this.formInline.type = type;
        this.formInline.current=this.pageIndex;
        this.formInline.size=this.pageSize;
        this.formInline.current = this.pageIndex
        this.formInline.size = this.pageSize
        // this.formInline.user=333
        getObj(this.formInline).then(res => {
        getObj(this.formInline).then((res) => {
          this.tableData = res.data.data.records
        })
      }
@@ -126,11 +154,10 @@
        path: '/padWord',
        query: {
          name: row.casePoint,
        }
        },
      })
      this.$store.commit('SET_ID', row.id)
      // }

    },
    //打开新增弹框
    getById() {
@@ -140,25 +167,90 @@
    },
    //关闭添加弹框
    cancel() {
      this.isShow = false;
      this.isShow = false
    },
    // 每页数
    sizeChangeHandle(val) {
      this.pageSize = val;
      this.pageIndex = 1;
      this.getDataList(0);
      this.pageSize = val
      this.pageIndex = 1
      this.getDataList(0)
    },
    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val;
      this.getDataList(0);
      this.pageIndex = val
      this.getDataList(0)
    },
    },
  }
}
</script>
<style lang="scss">
// Tab标签页的布局样式(流程列表，还有padword，的公共样式)
.basic-container {
  height: 100% !important;
  width: 100vw;
  // font-size: 30px !important;
  padding-bottom: 0;
  .el-card {
    height: 100% !important;
    .el-card__body {
      height: 100% !important;
      padding-top: 0 !important;
      padding-right: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
    }
  }
}
</style>

<style lang="scss" scoped>
#box {
  font-size: 30px !important;
.basic-container {
  .nav {
    height: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .peopleSeachInput {
      display: flex;
      flex: 1;
      .el-input {
        margin-right: 10px;
      }
    }
    .peopleSeachBtn {
      display: flex;
    }
  }

  // 中间表格
  ::v-deep .law-table-main {
    height: 90%;
    .el-table {
      height: 100% !important;
      @media screen and (max-width: 320px) {
        font-size: 12px;
      }
      @media screen and (max-width: 480px) and (min-width: 321px) {
        font-size: 16px;
      }
      @media screen and (max-width: 720px) and (min-width: 481px) {
        font-size: 18px;
      }
      @media screen and (max-width: 800px) and (min-width: 721px) {
        font-size: 22px;
      }
    }
  }

  // 底部页码
  .avue-crud__pagination {
    padding: 0;
    height: 5%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: sticky;
    bottom: 0;
  }
}
</style>

 src/views/padSunmaryProcedure/padFrom.vue

@@ -1,22 +1,28 @@
<template>
  <el-main style="width: 100%;margin: 0 auto">
    <el-form ref="form" :rules="dataRules" :model="form" label-width="130px" size="medium">
      <el-form-item label="案由" prop="casePoint">
        <el-input v-model="form.casePoint" placeholder="请填写案由"></el-input>
  <!-- 创建 -->
  <el-main style="width: 96%;margin: 20px auto 0;">
    <el-form ref="form"
             :rules="dataRules"
             :model="form"
             label-width="130px"
             size="medium">
      <el-form-item label="案由"
                    prop="casePoint">
        <el-input v-model="form.casePoint"
                  placeholder="请填写案由"></el-input>
      </el-form-item>

      <el-row>
        <el-col :span="12">
          <el-form-item label="当事人姓名" prop="litigant">
            <el-autocomplete
              style="width: 100%!important;"
          <el-form-item label="当事人姓名"
                        prop="litigant">
            <el-autocomplete style="width: 100%!important;"
              v-model="form.litigant"
              filterable
              :fetch-suggestions="querySearchHandle"
              placeholder="当事人姓名"
              :trigger-on-focus="false"
              @select="handleSelect"
            >
                             @select="handleSelect">
            </el-autocomplete>
<!--            <el-select v-model="form.litigant" placeholder="请选择当事人"
                       style="width: 100%;" @change="marketChange">
@@ -30,27 +36,41 @@
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="法人" prop="legalPerson">
            <el-input v-model="form.legalPerson" placeholder="请填写法人姓名"></el-input>
          <el-form-item label="法人"
                        prop="legalPerson">
            <el-input v-model="form.legalPerson"
                      placeholder="请填写法人姓名"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item label="证件号/信用码" prop="certNo">
        <el-input v-model="form.certNo" placeholder="请填写证件号/信用码"></el-input>
      <el-form-item label="证件号/信用码"
                    prop="certNo">
        <el-input v-model="form.certNo"
                  placeholder="请填写证件号/信用码"></el-input>
      </el-form-item>
      <el-form-item label="联系电话" prop="phone">
        <el-input v-model="form.phone" placeholder="请填写当事人电话"></el-input>
      <el-form-item label="联系电话"
                    prop="phone">
        <el-input v-model="form.phone"
                  placeholder="请填写当事人电话"></el-input>
      </el-form-item>

      <el-form-item label="住址" prop="address">
        <el-input v-model="form.address" placeholder="请填写当事人住址"></el-input>
      <el-form-item label="住址"
                    prop="address">
        <el-input v-model="form.address"
                  placeholder="请填写当事人住址"></el-input>
      </el-form-item>

      <el-form-item label="办案人员" prop="hanlderIds">
        <el-select v-model="form.hanlderIds" clearable filterable multiple :multiple-limit="2"
                   placeholder="请选择" style="width: 100%;" @change="setPersonname($event)">
          <el-option
            v-for="item in organPersons"
      <el-form-item label="办案人员"
                    prop="hanlderIds">
        <el-select v-model="form.hanlderIds"
                   clearable
                   filterable
                   multiple
                   :multiple-limit="2"
                   placeholder="请选择"
                   style="width: 100%;"
                   @change="setPersonname($event)">
          <el-option v-for="item in organPersons"
            :key="item.userId"
            :label="item.realName"
            :value="item.userId">
@@ -61,10 +81,13 @@
      </el-form-item>
      <el-row>
        <el-col :span="12">
          <el-form-item label="所属城镇" prop="city">
            <el-select v-model="form.city" filterable placeholder="请选择所属城镇" style="width: 100%;">
              <el-option
                v-for="item in areaList"
          <el-form-item label="所属城镇"
                        prop="city">
            <el-select v-model="form.city"
                       filterable
                       placeholder="请选择所属城镇"
                       style="width: 100%;">
              <el-option v-for="item in areaList"
                :label="item.label"
                :value="item.value">
              </el-option>
@@ -72,10 +95,12 @@
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="所属领域" prop="category">
            <el-select v-model="form.category" placeholder="请选择所属领域" style="width: 100%;">
              <el-option
                v-for="item in categoryList"
          <el-form-item label="所属领域"
                        prop="category">
            <el-select v-model="form.category"
                       placeholder="请选择所属领域"
                       style="width: 100%;">
              <el-option v-for="item in categoryList"
                :label="item.label"
                :value="item.value">
              </el-option>
@@ -83,14 +108,19 @@
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item label="经纬度" style="display:none;">
        <el-input v-model="form.latitude" placeholder="请填写经纬度"></el-input>
      <el-form-item label="经纬度"
                    style="display:none;">
        <el-input v-model="form.latitude"
                  placeholder="请填写经纬度"></el-input>
      </el-form-item>
      <el-form-item label="违法地点" prop="place">
        <el-input v-model="form.place" placeholder="请填写违法地点"></el-input>
      <el-form-item label="违法地点"
                    prop="place">
        <el-input v-model="form.place"
                  placeholder="请填写违法地点"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">立即创建</el-button>
        <el-button type="primary"
                   @click="onSubmit">立即创建</el-button>
        <el-button @click="backAll">取消</el-button>
      </el-form-item>
    </el-form>
@@ -99,32 +129,32 @@

<script>
import {easycase, getMarketList, getIdByToken} from '../../api/News/pad'
import {getfindAll} from "../../api/News/useres";
import {remote} from "@/api/admin/dict"
import { getfindAll } from '../../api/News/useres'
import { remote } from '@/api/admin/dict'

export default {
  name: "padFrom",
  name: 'padFrom',
  data() {
    var validatePerson = (rule, value, callback) => {
      if (value.length != 2) {
        callback(new Error('办案人员必须选择两位'));
        callback(new Error('办案人员必须选择两位'))
      } else {
        callback();
        callback()
      }
    };
    }
    return {
      form: {
        casePoint: '',
        litigant: "",
        legalPerson: "",
        certNo: "",
        phone: "",
        address: "",
        litigant: '',
        legalPerson: '',
        certNo: '',
        phone: '',
        address: '',
        hanlderIds: [],
        place: "",
        category: "",
        city: "",
        latitude:"",
        place: '',
        category: '',
        city: '',
        latitude: '',
      },
      latlng:'',
      //办案人员数据
@@ -138,37 +168,53 @@
      // 填写验证
      dataRules: {
        casePoint: [
          {required: true, message: "案件文号不能为空", trigger: "blur"},
          { required: true, message: '案件文号不能为空', trigger: 'blur' },
        ],
        litigant: [
          {required: true, message: "当事人姓名不能为空", trigger: "blur"},
          { required: true, message: '当事人姓名不能为空', trigger: 'blur' },
        ],
        /*legalPerson: [
          {required: true, message: "法定代表人姓名不能为空", trigger: "blur"},
        ],*/
        certNo: [
          {required: true, message: "当事人证件号码不能为空", trigger: "blur"},
          {
            required: true,
            message: '当事人证件号码不能为空',
            trigger: 'blur',
          },
        ],
        address: [
          {required: true, message: "当事人住址不能为空", trigger: "blur"},
          { required: true, message: '当事人住址不能为空', trigger: 'blur' },
        ],
        phone: [
          {required: true, message: "手机号格式不正确", trigger: "blur"},
          {min: 11, message: "手机号格式不正确", trigger: "blur"},
          { required: true, message: '手机号格式不正确', trigger: 'blur' },
          { min: 11, message: '手机号格式不正确', trigger: 'blur' },
        ],
        hanlderIds: [
          {required: true, message: "办案人员不能为空", trigger: "blur"},
          {validator: validatePerson, trigger: "blue"}
          { required: true, message: '办案人员不能为空', trigger: 'blur' },
          { validator: validatePerson, trigger: 'blue' },
        ],
        category: [
          {required: true, message: "该案件的所属领域不能为空", trigger: ["blur", "change"]},
          {
            required: true,
            message: '该案件的所属领域不能为空',
            trigger: ['blur', 'change'],
          },
        ],
        city: [
          {required: true, message: "所属城镇不能为空", trigger: ["blur", "change"]},
          {
            required: true,
            message: '所属城镇不能为空',
            trigger: ['blur', 'change'],
          },
        ],
        place: [
          {required: true, message: "违法地址不能为空", trigger: ["blur", "change"]}
        ]
          {
            required: true,
            message: '违法地址不能为空',
            trigger: ['blur', 'change'],
          },
        ],
      },
    }
  },
@@ -179,7 +225,7 @@
  methods: {
    tiaoZhuan() {
      this.$router.push({
        path: '/padWord'
        path: '/padWord',
      })
    },
    init() {
@@ -192,39 +238,40 @@
      // })
      //查询办案人员信息
      getfindAll().then((res) => {
        this.organPersons = res.data.data;
        this.organPersons = res.data.data
      })
      //所属领域
      remote('before_dept').then(res => {
        this.categoryList = res.data.data;
      remote('before_dept').then((res) => {
        this.categoryList = res.data.data
      })
      //所属城市
      remote('area_address').then(res => {
        this.areaList = res.data.data;
      remote('area_address').then((res) => {
        this.areaList = res.data.data
      })

      let obj = this.latlng.split(',');
      this.form.place = obj[2];
      let arr =[];
      arr.push(obj[0]);
      let obj = this.latlng.split(',')
      this.form.place = obj[2]
      let arr = []
      arr.push(obj[0])
      arr.push(obj[1])
      this.form.latitude = arr.join(',');
      this.form.latitude = arr.join(',')
      // })
    },
    //模糊搜索查询当事人
    querySearchHandle(queryString, cb) {  //模糊搜素
      getMarketList(queryString).then(res => {
    querySearchHandle(queryString, cb) {
      //模糊搜素
      getMarketList(queryString).then((res) => {
        console.log(res.data.data,'res-------')
        this.marketList = []
        let resultList = res.data.data
        resultList.forEach(item => {
        resultList.forEach((item) => {
          this.marketList.push({
            value: item.subjectName,
            address:item.address,
            legalPerson:item.legalPerson,
            idCard:item.idCard,
            subjectType:item.subjectType,
            phone:item.phone
            phone: item.phone,
            // id: item.id
          })
        })
@@ -233,40 +280,40 @@
    },
    handleSelect(item) {
      console.log(item,'item')
      this.form.litigant = item.value;
      this.form.phone = item.phone;
      this.form.subjectType = item.subjectType;
      this.form.certNo = item.idCard;
      this.form.legalPerson = item.legalPerson;
      this.form.address = item.address;
      this.form.litigant = item.value
      this.form.phone = item.phone
      this.form.subjectType = item.subjectType
      this.form.certNo = item.idCard
      this.form.legalPerson = item.legalPerson
      this.form.address = item.address
    },
    marketChange(item) {
      this.form.litigant = "";
      this.form.legalPerson = "";
      this.form.litigantCert = "";
      this.form.certNo = "";
      this.form.address = "";
      this.form.phone = "";
      this.form.litigantId = item.id;
      if ("经营者" == item.subjectType || "个体工商户" == item.subjectType) {
        this.form.litigant = item.subjectName;
        this.form.legalPerson = item.legalPerson;
        this.form.litigantCert = "营业执照";
        this.form.certNo = item.idCard;
        this.form.address = item.address;
        this.form.phone = item.phone;
      } else if ("公民" == item.subjectType) {
        this.form.litigant = item.subjectName;
        this.form.litigantCert = "居民身份证";
        this.form.certNo = item.idCard;
        this.form.address = item.address;
        this.form.phone = item.phone;
      } else if ("其他组织" == item.subjectType) {
        this.form.litigant = item.subjectName;
        this.form.legalPerson = item.legalPerson;
        this.form.certNo = item.idCard;
        this.form.address = item.address;
        this.form.phone = item.phone;
      this.form.litigant = ''
      this.form.legalPerson = ''
      this.form.litigantCert = ''
      this.form.certNo = ''
      this.form.address = ''
      this.form.phone = ''
      this.form.litigantId = item.id
      if ('经营者' == item.subjectType || '个体工商户' == item.subjectType) {
        this.form.litigant = item.subjectName
        this.form.legalPerson = item.legalPerson
        this.form.litigantCert = '营业执照'
        this.form.certNo = item.idCard
        this.form.address = item.address
        this.form.phone = item.phone
      } else if ('公民' == item.subjectType) {
        this.form.litigant = item.subjectName
        this.form.litigantCert = '居民身份证'
        this.form.certNo = item.idCard
        this.form.address = item.address
        this.form.phone = item.phone
      } else if ('其他组织' == item.subjectType) {
        this.form.litigant = item.subjectName
        this.form.legalPerson = item.legalPerson
        this.form.certNo = item.idCard
        this.form.address = item.address
        this.form.phone = item.phone
      }
    },
    backAll() {
@@ -275,14 +322,14 @@
      })
    },
    setPersonname(val) {
      let names = "";
      let names = ''
      for (let i in this.organPersons) {
        if (val.indexOf(this.organPersons[i].userId) > -1) {
          names += this.organPersons[i].realName + ",";
          names += this.organPersons[i].realName + ','
        }
      }
      if (names != "") {
        this.form.hanlders = names.substring(0, names.length - 1);
      if (names != '') {
        this.form.hanlders = names.substring(0, names.length - 1)
        console.log(this.form.hanlders,'this.form.hanlders')
      }
    },
@@ -290,9 +337,9 @@
      console.log(this.form.hanlderIds, 'this.form.hanlderIds')
      this.form.hanlderIds = this.form.hanlderIds.toString()
      if (this.form.hanlderIds.length < 1) {
        this.form.hanlders = '';
        this.form.hanlders = ''
      }
      easycase(this.form).then(res => {
      easycase(this.form).then((res) => {
        this.backAll()
      })
    },
@@ -301,5 +348,4 @@
</script>

<style scoped>

</style>

 src/views/padSunmaryProcedure/padWord.vue

@@ -1,43 +1,57 @@
<template>
  <basic-container>
  <basic-container :style="{height: screenHeight+'px!important'}">
    <!--头部导航-->
    <div id="nav">
      <el-button icon="el-icon-arrow-left" @click="goHome">返回</el-button>
    <div class="nav">
      <el-button icon="el-icon-arrow-left"
                 @click="goHome">返回</el-button>
      <p>{{ name }}</p>
      <div>
        <el-button v-show="btn ==1" icon="el-icon-caret-top" @click="ShowHide(0)"></el-button>
        <el-button v-show="btn ==0" icon="el-icon-caret-bottom" @click="ShowHide(0)"></el-button>
        <el-button icon="el-icon-upload" @click="submit">提交</el-button>
        <el-button v-show="btn ==1"
                   icon="el-icon-caret-top"
                   @click="ShowHide(0)"></el-button>
        <el-button v-show="btn ==0"
                   icon="el-icon-caret-bottom"
                   @click="ShowHide(0)"></el-button>
        <el-button icon="el-icon-upload"
                   @click="submit">提交</el-button>
      </div>
    </div>
    <!--底部选项卡-->
    <el-tabs type="border-card" v-model="activeName" :stretch="true"
    <div class="tagsContainer">
      <el-tabs type="border-card"
               v-model="activeName"
               :stretch="true"
             @tab-click="handleClick">
      <el-tab-pane label="调查询问笔录" name="first">
        <el-tab-pane label="调查询问笔录"
                     name="first">
        <BiLu v-if="activeName == 'first'"></BiLu>
      </el-tab-pane>
      <el-tab-pane label="责令限期改正通知书" name="second">
        <el-tab-pane label="责令限期改正通知书"
                     name="second">
        <GaiZheng v-if="activeName == 'second'">责令限期改正通知书</GaiZheng>
      </el-tab-pane>
      <el-tab-pane label="处罚决定书" name="third">
        <el-tab-pane label="处罚决定书"
                     name="third">
        <JueDingShu v-if="activeName == 'third'">处罚决定书</JueDingShu>
      </el-tab-pane>
    </el-tabs>
    </div>

  </basic-container>
</template>

<script>
import {submitcase} from "../../api/News/pad";
import BiLu from "./word_mange/mangeBL"
import { submitcase } from '../../api/News/pad'
import BiLu from './word_mange/mangeBL'
import GaiZheng from './word_mange/mangeGZ'
import JueDingShu from './word_mange/mangeJD'

export default {
  name: "padWord1",
  name: 'padWord1',
  components: {
    BiLu,
    GaiZheng,
    JueDingShu
    JueDingShu,
  },
  created() {
    this.id = this.$store.state.user.id
@@ -50,11 +64,20 @@
  },
  data() {
    return {
      name: "案件名称",//展示的案件名称
      name: '案件名称', //展示的案件名称
      btn: 1,//展开和收起
      tabPosition: 'left',//默认左侧选项卡
      activeName: "first"//选项卡默认打开第一个
      activeName: 'first', //选项卡默认打开第一个
      screenHeight: null,
    }
  },
  mounted() {
    window.onresize = () => {
      return () => {
        this.screenHeight = document.body.clientHeight
      }
    }
    this.screenHeight = document.body.clientHeight
  },
  methods: {
    //返回案件列表
@@ -65,31 +88,43 @@
    },
    //收缩顶部
    ShowHide(type) {
      this.btn = type;
      this.btn = type
      window.android.toShowHide()
    },
    //提交（去审核）
    submit() {
      submitcase({id: this.id}).then(res => {
      submitcase({ id: this.id }).then((res) => {
        this.goHome()
      })
    },
    //点击选项卡效果
    handleClick(tab, event) {
      this.activeName = tab.name
    }
  }
    },
  },
}
</script>

<style lang="scss">
.tagsContainer {
  height: 95%;
  overflow: scroll;
  .el-tabs {
    .el-tabs__header {
      position: sticky;
      top: 0;
      z-index: 10000;
    }
.el-tabs__content {
  height: calc(100vh - 110px);
      // height: calc(100vh - 110px);
  overflow-y: auto;
    }
  }
}
</style>
<style scoped>
#nav {
.nav {
  height: 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;

 src/views/padSunmaryProcedure/word_mange/mangeBL.vue

@@ -107,25 +107,28 @@
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item class="qianzi">
        <span>表明身份、出示证件：我们是峰峰矿区综合行政执法局的行政执法人员，这是执法证件请你过目确认，如无异议请在此签字：</span>
      <div class="sign">
        <span style="font-size:16px;">表明身份、出示证件：我们是峰峰矿区综合行政执法局的行政执法人员，这是执法证件请你过目确认，如无异议请在此签字：</span>
        <div class="imges">
          <el-image v-if="form.signature"
                    style="height: 8em!important;width: 8em!important;"
                    :src="form.signature"
                    alt="请签字" />
          <el-image v-if="form.fingerprint"
                    class="imgBox"
                    style="height: 5em!important;width: 5em!important;"
                    :src="form.fingerprint"
                    alt="请录入指纹" />
        </div>
        <!--        <el-input v-model="form.interrogeeName" placeholder="请填写被询问人" style="width: 160px!important;"></el-input>-->
        <div id="imges">
        <div class="signButton">
          <button v-if="form.signature ==''||form.signature ==null||form == null"
                  @click="goQianzi()">去签名</button>
          <button v-if="form.fingerprint ==''||form.fingerprint ==null ||form == null"
                  @click="gozhiwen()">录指纹</button>
          <el-image v-if="form.signature"
                    style="height: 3em!important;width: 3em!important;"
                    :src="form.signature"
                    alt="请签字" />
          <el-image v-if="form.fingerprint"
                    :class="form.fingerprint?'imgBox':''"
                    style="height: 2em!important;width: 2em!important;"
                    :src="form.fingerprint"
                    alt="请录入指纹" />
        </div>
      </el-form-item>
      </div>

      <el-form-item>
        <span>告知权利、义务：现在就</span>
        <el-input v-model="form.causePoint"
@@ -136,33 +139,21 @@
        <el-input v-model="form.answer"
                  placeholder="可能影响公正处理案件的，有提出回避的权利，清楚了吗？"></el-input>
      </el-form-item>
      <h1 style="text-align: center;font-weight: bold;font-size: 20px">询问问答</h1>
      <el-form-item label-width="40px">
        <ul style="list-style: none!important;">
          <li v-for="(item,index) in form.questionsAnswers"
      <h1 style="text-align: center;font-weight: bold;font-size: 20px;line-height:30px">问答笔录</h1>
      <div class="questionsAnswers"
           v-for="(item,index) in form.questionsAnswers"
              :key="index">
            <el-form-item label="问："
                          label-width="20px">
        <el-form-item label="问：">
              <el-input type="textarea"
                        :row="2"
                        v-model="item.wen"></el-input>
            </el-form-item>
            <el-form-item label="答："
                          label-width="20px">
        <el-form-item label="答：">
              <el-input type="textarea"
                        :row="2"
                        v-model="item.da"></el-input>
            </el-form-item>
          </li>
        </ul>
      </el-form-item>
      <el-form-item label-width="50%">
        <el-button type="primary"
                   icon="el-icon-circle-plus"
                   @click="addEle">
          <!--          <img src="../../../assets/lawImg/addIcon.png" alt="">-->
        </el-button>
      </el-form-item>
      </div>
    </el-form>
    <div style="text-align: center">
      <el-button v-if="form.approvalState==null||form.approvalState=='2'"
@@ -172,6 +163,11 @@
      <el-button v-if="form.approvalState=='1'"
                 type="success"
                 @click="downloadWord(form.id)">下载</el-button>
      <el-button type="primary"
                 icon="el-icon-circle-plus"
                 @click="addEle">
        <!--          <img src="../../../assets/lawImg/addIcon.png" alt="">-->
      </el-button>
    </div>
  </el-main>
</template>
@@ -318,12 +314,6 @@
</script>

<style lang="scss" scoped>
//.qianzi {
//display: flex;
/*justify-content: space-between;*/
//align-items: center;
/*flex-wrap: wrap;*/
//}
.el-input {
  border: none !important;
}
@@ -332,14 +322,25 @@
  width: 10rem!important;
  height: 10rem!important;
}*/
#imges {
  display: block;
  position: relative;

.sign {
  width: 94%;
  margin: 0 auto 18px;
  .imges {
    display: inline-block;
    position: relative;
  .imgBox {
    position: absolute !important;
    left: 0;
    top: 50%;
  }
}
  .signButton {
    display: inline-block;
    margin-top: 18px;
    button:nth-of-type(2) {
      margin-left: 10px;
    }
  }
}
</style>

 src/views/padSunmaryProcedure/word_mange/mangeJD.vue

@@ -69,7 +69,7 @@
        <el-input v-model="form.illegalAct"
                  placeholder="违法行为"></el-input>
      </el-form-item>
      <el-form-item label="违法法律条令">
      <el-form-item label="违反法律条令">
        <el-autocomplete v-model="form.legalBasis"
                         filterable
                         style="width: 100%!important;"
@@ -79,9 +79,10 @@
                         @select="handleSelectOne">
        </el-autocomplete>
      </el-form-item>
      <el-row>
      <el-row style="width:100%;margin:0 auto;">
        <el-col :span="8">
          <el-form-item label="法律条">
          <el-form-item label="法律条"
                        label-width="70px">
            <el-select v-model="form.legalBasisTiao"
                       style="width: 100%!important;"
                       placeholder="请选择条">
@@ -93,13 +94,15 @@
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="法律款">
          <el-form-item label="法律款"
                        label-width="70px">
            <el-input v-model="form.legalBasisKuan"
                      placeholder="请输入法律第几款"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="法律项">
          <el-form-item label="法律项"
                        label-width="70px">
            <el-input v-model="form.legalBasisXiang"
                      placeholder="请输入法律第几项"></el-input>
          </el-form-item>
@@ -115,9 +118,10 @@
                         @select="handleSelectTwo">
        </el-autocomplete>
      </el-form-item>
      <el-row>
      <el-row style="width:100%;margin:0 auto;">
        <el-col :span="8">
          <el-form-item label="法律条">
          <el-form-item label="法律条"
                        label-width="70px">
            <el-select v-model="form.legalClauseTiao"
                       style="width: 100%!important;"
                       filterable
@@ -130,13 +134,15 @@
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="法律款">
          <el-form-item label="法律款"
                        label-width="70px">
            <el-input v-model="form.legalClauseKuan"
                      placeholder="请输入法律第几款"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="法律项">
          <el-form-item label="法律项"
                        label-width="70px">
            <el-input v-model="form.legalClauseXiang"
                      placeholder="请输入法律第几项"></el-input>
          </el-form-item>
@@ -176,7 +182,7 @@
      </el-form-item>
      <div class="accountInfomation"
           v-if="form.fines== 2">
        <el-form-item label="缴纳银行名称：">
        <el-form-item label="银行名称">
          <el-input v-model="form.bank"
                    placeholder="请输入缴纳银行的名称"
                    style="width: 100%!important;"></el-input>
@@ -285,6 +291,9 @@
      this.$nextTick(() => {
        nowpenaltydecision(this.id).then((res) => {
          this.form = res.data.data
          if (this.form.penalty || this.form.penaltyNumber) {
            this.fineStatus = true
          }
        })
      })
    },