dist-11.4.rar | 补丁 | 查看 | 原始文档 | blame | 历史 | |
dist1-4F.7z | 补丁 | 查看 | 原始文档 | blame | 历史 | |
package.json | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/router/axios.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/router/pad/index.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/padSunmaryProcedure/Home.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/padSunmaryProcedure/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/padSunmaryProcedure/padFrom.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/padSunmaryProcedure/padWord.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/padSunmaryProcedure/word_mange/mangeBL.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/padSunmaryProcedure/word_mange/mangeJD.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
dist-11.4.rarBinary files differ
dist1-4F.7zBinary 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
@@ -5,7 +5,7 @@ path: '/pad', component: padHome, redirect: '/pad', meta: {noNeedLogin: true}, meta: { noNeedLogin: true }, children: [{ path: '/pad', name: '简易程序案件', @@ -17,12 +17,12 @@ component: () => import(/* webpackChunkName: "page" */ '@/views/padSunmaryProcedure/padFrom') }, { path: '/padWord', name: '案件填报流程', component: () => import(/* webpackChunkName: "page" */ '../../views/padSunmaryProcedure/padWord') } { path: '/padWord', name: '案件填报流程', component: () => import(/* webpackChunkName: "page" */ '../../views/padSunmaryProcedure/padWord') } /*,{ path: '/WordYulan', name: 'word预览', src/views/padSunmaryProcedure/Home.vue
@@ -6,12 +6,15 @@ <script> export default { name: "Home" name: 'Home', data() { return {} }, } </script> <style scoped> .padHome{ .padHome { height: 100%; overflow: auto; } @@ -36,5 +39,4 @@ height: 100%; } }*/ </style> src/views/padSunmaryProcedure/index.vue
@@ -1,96 +1,124 @@ <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" @row-click="rowget" :data="tableData"> <el-table-column prop="casePoint" label="案由" :show-overflow-tooltip="true" min-width="20%" ></el-table-column> <el-table-column prop="litigant" label="当事人姓名" min-width="20%"> <el-table :height="tableHeight" @row-click="rowget" :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="180"></el-table-column> <el-table-column prop="litigant" label="当事人姓名" min-width="150" align="center"> </el-table-column> <el-table-column prop="phone" label="联系电话" min-width="22%" ></el-table-column> <el-table-column prop="createTime" label="提交时间" sortable min-width="18%" ></el-table-column> <el-table-column prop="hanlders" label="执法人" :show-overflow-tooltip="true" min-width="18%" ></el-table-column> <el-table-column prop="phone" label="联系电话" min-width="160" align="center"></el-table-column> <el-table-column prop="createTime" label="提交时间" sortable min-width="220" align="center"></el-table-column> <el-table-column prop="hanlders" label="执法人" :show-overflow-tooltip="true" min-width="150"></el-table-column> </el-table> </div> <div class="avue-crud__pagination"> <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" > <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"> </el-pagination> </div> <SunmaryProcedureForm v-if="isShow" ref="sunmaryProcedure" @cancel="cancel"></SunmaryProcedureForm> <SunmaryProcedureForm v-if="isShow" ref="sunmaryProcedure" @cancel="cancel"></SunmaryProcedureForm> </basic-container> </template> <script> import {getObj} from '@/api/News/pad' import { getObj } from '@/api/News/pad' export default { name: "index", name: 'index', // props: ['screenHomeHeight'], data() { return { isShow: false, formInline: { litigant: '', phone: '', current:this.pageIndex, size:this.pageSize current: this.pageIndex, 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 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,24 +1,30 @@ <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;" v-model="form.litigant" filterable :fetch-suggestions="querySearchHandle" placeholder="当事人姓名" :trigger-on-focus="false" @select="handleSelect" > <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"> </el-autocomplete> <!-- <el-select v-model="form.litigant" placeholder="请选择当事人" <!-- <el-select v-model="form.litigant" placeholder="请选择当事人" style="width: 100%;" @change="marketChange"> <el-option v-for="item in marketList" @@ -30,30 +36,44 @@ </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" :key="item.userId" :label="item.realName" :value="item.userId"> <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"> <span style="float: left">{{ item.realName }}</span> <span style="float: right; color: #8492a6; font-size: 13px">执法证号:{{ item.lawCert }}</span> </el-option> @@ -61,36 +81,46 @@ </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" :label="item.label" :value="item.value"> <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> </el-select> </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" :label="item.label" :value="item.value"> <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> </el-select> </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> @@ -98,35 +128,35 @@ </template> <script> import {easycase, getMarketList, getIdByToken} from '../../api/News/pad' import {getfindAll} from "../../api/News/useres"; import {remote} from "@/api/admin/dict" import { easycase, getMarketList, getIdByToken } from '../../api/News/pad' 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:'', latlng: '', //办案人员数据 organPersons: [], //当事人数据 @@ -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() { @@ -187,44 +233,45 @@ // getIdByToken().then(res => { // console.log(res, 'getIdByToken') // let a = res.data.data; // let b = parseInt(a) // this.form.hanlderIds.push(a) // let b = parseInt(a) // this.form.hanlderIds.push(a) // }) //查询办案人员信息 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 => { console.log(res.data.data,'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 address: item.address, legalPerson: item.legalPerson, idCard: item.idCard, subjectType: item.subjectType, phone: item.phone, // id: item.id }) }) @@ -232,41 +279,41 @@ }) }, 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; 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 }, 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,24 +322,24 @@ }) }, 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); console.log(this.form.hanlders,'this.form.hanlders') if (names != '') { this.form.hanlders = names.substring(0, names.length - 1) console.log(this.form.hanlders, 'this.form.hanlders') } }, onSubmit() { 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" @tab-click="handleClick"> <el-tab-pane label="调查询问笔录" name="first"> <BiLu v-if="activeName == 'first'"></BiLu> </el-tab-pane> <el-tab-pane label="责令限期改正通知书" name="second"> <GaiZheng v-if="activeName == 'second'">责令限期改正通知书</GaiZheng> </el-tab-pane> <el-tab-pane label="处罚决定书" name="third"> <JueDingShu v-if="activeName == 'third'">处罚决定书</JueDingShu> </el-tab-pane> </el-tabs> <div class="tagsContainer"> <el-tabs type="border-card" v-model="activeName" :stretch="true" @tab-click="handleClick"> <el-tab-pane label="调查询问笔录" name="first"> <BiLu v-if="activeName == 'first'"></BiLu> </el-tab-pane> <el-tab-pane label="责令限期改正通知书" name="second"> <GaiZheng v-if="activeName == 'second'">责令限期改正通知书</GaiZheng> </el-tab-pane> <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: "案件名称",//展示的案件名称 btn: 1,//展开和收起 tabPosition: 'left',//默认左侧选项卡 activeName: "first"//选项卡默认打开第一个 name: '案件名称', //展示的案件名称 btn: 1, //展开和收起 tabPosition: 'left', //默认左侧选项卡 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"> .el-tabs__content { height: calc(100vh - 110px); overflow-y: auto; .tagsContainer { height: 95%; overflow: scroll; .el-tabs { .el-tabs__header { position: sticky; top: 0; z-index: 10000; } .el-tabs__content { // 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" :key="index"> <el-form-item label="问:" label-width="20px"> <el-input type="textarea" :row="2" v-model="item.wen"></el-input> </el-form-item> <el-form-item label="答:" label-width="20px"> <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> <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="问:"> <el-input type="textarea" :row="2" v-model="item.wen"></el-input> </el-form-item> <el-form-item label="答:"> <el-input type="textarea" :row="2" v-model="item.da"></el-input> </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; .imgBox { position: absolute !important; left: 0; top: 50%; .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 } }) }) },