| @@ -0,0 +1,5 @@ | |||||
| module.exports = { | |||||
| presets: [ | |||||
| '@vue/cli-plugin-babel/preset' | |||||
| ] | |||||
| } | |||||
| @@ -0,0 +1,19 @@ | |||||
| { | |||||
| "compilerOptions": { | |||||
| "target": "es5", | |||||
| "module": "esnext", | |||||
| "baseUrl": "./", | |||||
| "moduleResolution": "node", | |||||
| "paths": { | |||||
| "@/*": [ | |||||
| "src/*" | |||||
| ] | |||||
| }, | |||||
| "lib": [ | |||||
| "esnext", | |||||
| "dom", | |||||
| "dom.iterable", | |||||
| "scripthost" | |||||
| ] | |||||
| } | |||||
| } | |||||
| @@ -0,0 +1,17 @@ | |||||
| <!DOCTYPE html> | |||||
| <html lang=""> | |||||
| <head> | |||||
| <meta charset="utf-8"> | |||||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |||||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | |||||
| <link rel="icon" href="<%= BASE_URL %>favicon.ico"> | |||||
| <title><%= htmlWebpackPlugin.options.title %></title> | |||||
| </head> | |||||
| <body> | |||||
| <noscript> | |||||
| <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> | |||||
| </noscript> | |||||
| <div id="app"></div> | |||||
| <!-- built files will be auto injected --> | |||||
| </body> | |||||
| </html> | |||||
| @@ -0,0 +1,58 @@ | |||||
| <template> | |||||
| <div class="hello"> | |||||
| <h1>{{ msg }}</h1> | |||||
| <p> | |||||
| For a guide and recipes on how to configure / customize this project,<br> | |||||
| check out the | |||||
| <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>. | |||||
| </p> | |||||
| <h3>Installed CLI Plugins</h3> | |||||
| <ul> | |||||
| <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li> | |||||
| <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li> | |||||
| </ul> | |||||
| <h3>Essential Links</h3> | |||||
| <ul> | |||||
| <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li> | |||||
| <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li> | |||||
| <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li> | |||||
| <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li> | |||||
| <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li> | |||||
| </ul> | |||||
| <h3>Ecosystem</h3> | |||||
| <ul> | |||||
| <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li> | |||||
| <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li> | |||||
| <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li> | |||||
| <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li> | |||||
| <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li> | |||||
| </ul> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| name: 'HelloWorld', | |||||
| props: { | |||||
| msg: String | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <!-- Add "scoped" attribute to limit CSS to this component only --> | |||||
| <style scoped> | |||||
| h3 { | |||||
| margin: 40px 0 0; | |||||
| } | |||||
| ul { | |||||
| list-style-type: none; | |||||
| padding: 0; | |||||
| } | |||||
| li { | |||||
| display: inline-block; | |||||
| margin: 0 10px; | |||||
| } | |||||
| a { | |||||
| color: #42b983; | |||||
| } | |||||
| </style> | |||||
| @@ -14,7 +14,7 @@ | |||||
| <img :src="props.active ? '../../../static/images/lawEnforcement/new/tab_05.png' : '../../../static/images/lawEnforcement/new/tab_01.png'" /> | <img :src="props.active ? '../../../static/images/lawEnforcement/new/tab_05.png' : '../../../static/images/lawEnforcement/new/tab_01.png'" /> | ||||
| </template> | </template> | ||||
| </van-tabbar-item> | </van-tabbar-item> | ||||
| <van-tabbar-item replace to="/lawEnforcement/caseList"> | |||||
| <van-tabbar-item replace to="/lawEnforcement/monitor"> | |||||
| 监控 | 监控 | ||||
| <template #icon="props"> | <template #icon="props"> | ||||
| <img :src="props.active ? '../../../static/images/lawEnforcement/new/tab_06.png' : '../../../static/images/lawEnforcement/new/tab_02.png'" /> | <img :src="props.active ? '../../../static/images/lawEnforcement/new/tab_06.png' : '../../../static/images/lawEnforcement/new/tab_02.png'" /> | ||||
| @@ -56,7 +56,11 @@ export default { | |||||
| // }); | // }); | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| abc(){ | |||||
| this.$dialog.alert({ | |||||
| message: '功能暂未开放!', | |||||
| }) | |||||
| } | |||||
| }, | }, | ||||
| }; | }; | ||||
| </script> | </script> | ||||
| @@ -106,6 +106,7 @@ const whiteList = [ | |||||
| //宅基地 | //宅基地 | ||||
| '/zjdLogin', | '/zjdLogin', | ||||
| '/onlineHome/workbench', | |||||
| //阳光村务--新 | //阳光村务--新 | ||||
| '/sunVillage_info/login', //登录 | '/sunVillage_info/login', //登录 | ||||
| @@ -127,12 +128,22 @@ const whiteList = [ | |||||
| '/sunVillage_info/list_vote', //详情页 | '/sunVillage_info/list_vote', //详情页 | ||||
| '/sunVillage_info/list_vote_detail', //详情页 | '/sunVillage_info/list_vote_detail', //详情页 | ||||
| '/sunVillage_info/list_vote_form', //详情页 | '/sunVillage_info/list_vote_form', //详情页 | ||||
| // 新型经营主体 | |||||
| 'newBusinessEntity/newsBulletin', //新闻公告 | |||||
| '/newBusinessEntity/index', //首页 | |||||
| '/newBusinessEntity/login', //登录 | |||||
| '/newBusinessEntity/register', //注册 | |||||
| '/newBusinessEntity/conter', //底部组件 | |||||
| '/newBusinessEntity/newsDetails', //新闻详情 | |||||
| '/newBusinessEntity/listBody', //主体名录 | |||||
| '/newBusinessEntity/map' //地图 | |||||
| ] | ] | ||||
| router.beforeEach((to, from, next) => { | router.beforeEach((to, from, next) => { | ||||
| NProgress.start() | NProgress.start() | ||||
| if (getToken()) { | if (getToken()) { | ||||
| console.info(to) | |||||
| /* has token*/ | /* has token*/ | ||||
| if (to.path === '/login') { | if (to.path === '/login') { | ||||
| next({ path: '/' }) | next({ path: '/' }) | ||||
| @@ -191,6 +202,7 @@ router.beforeEach((to, from, next) => { | |||||
| } | } | ||||
| } else { | } else { | ||||
| // 没有token | // 没有token | ||||
| console.info(to); | |||||
| if (whiteList.indexOf(to.path) !== -1) { | if (whiteList.indexOf(to.path) !== -1) { | ||||
| // 在免登录白名单,直接进入 | // 在免登录白名单,直接进入 | ||||
| console.log(to.path) | console.log(to.path) | ||||
| @@ -3865,6 +3865,16 @@ export const constantRoutes = [ | |||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/lawEnforcement/task/taskHandle'], resolve) | component: (resolve) => require(['@/views/lawEnforcement/task/taskHandle'], resolve) | ||||
| }, | }, | ||||
| { ////农业执法(新)-- 案件处理 | |||||
| path: '/lawEnforcement/taskHandleProcessing', | |||||
| name: 'lawEnforcementTaskHandleProcessing', | |||||
| meta: { | |||||
| title: '待办处理', | |||||
| hidden: true, | |||||
| keepAlive: true | |||||
| }, | |||||
| component: (resolve) => require(['@/views/lawEnforcement/task/taskHandleProcessing'], resolve) | |||||
| }, | |||||
| { ////农业执法(新)-- 案件处理 | { ////农业执法(新)-- 案件处理 | ||||
| path: '/lawEnforcement/caseEnforceList', | path: '/lawEnforcement/caseEnforceList', | ||||
| name: 'lawEnforcementCaseEnforceList', | name: 'lawEnforcementCaseEnforceList', | ||||
| @@ -3873,7 +3883,86 @@ export const constantRoutes = [ | |||||
| hidden: true, | hidden: true, | ||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseEnforceList'], resolve) | component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseEnforceList'], resolve) | ||||
| } | |||||
| }, | |||||
| { ////农业执法(新)-- 案件处理 | |||||
| path: '/lawEnforcement/monitor', | |||||
| name: 'lawEnforcementMonitor', | |||||
| meta: { | |||||
| title: '监控', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/lawEnforcement/monitor/monitor'], resolve) | |||||
| }, | |||||
| // 新型经营主体 | |||||
| { | |||||
| path: '/newBusinessEntity/index', | |||||
| name: 'newBusinessEntity', | |||||
| meta: { | |||||
| title: '主页' | |||||
| }, | |||||
| component: (resolve) => require(['@/views/newBusinessEntity/index'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/newBusinessEntity/login', | |||||
| name: 'newBusinessEntity', | |||||
| meta: { | |||||
| title: '登录' | |||||
| }, | |||||
| component: (resolve) => require(['@/views/newBusinessEntity/login'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/newBusinessEntity/register', | |||||
| name: 'newBusinessEntity', | |||||
| meta: { | |||||
| title: '注册' | |||||
| }, | |||||
| component: (resolve) => require(['@/views/newBusinessEntity/register'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/newBusinessEntity/conter', | |||||
| name: 'newBusinessEntity', | |||||
| meta: { | |||||
| title: '组件' | |||||
| }, | |||||
| component: (resolve) => require(['@/views/newBusinessEntity/conter'], resolve) | |||||
| }, | |||||
| //新闻公告 | |||||
| { | |||||
| path: '/newBusinessEntity/newsBulletin', | |||||
| name: 'newsBulletin', | |||||
| meta: { | |||||
| title: '新闻公告' | |||||
| }, | |||||
| component: (resolve) => require(['@/views/newBusinessEntity/newsBulletin'], resolve) | |||||
| }, | |||||
| //新闻详情 | |||||
| { | |||||
| path: '/newBusinessEntity/newsDetails', | |||||
| name: 'newBusinessEntity', | |||||
| meta: { | |||||
| title: '新闻详情' | |||||
| }, | |||||
| component: (resolve) => require(['@/views/newBusinessEntity/newsDetails'], resolve) | |||||
| }, | |||||
| //主体名录 | |||||
| { | |||||
| path: '/newBusinessEntity/listBody', | |||||
| name: 'newBusinessEntity', | |||||
| meta: { | |||||
| title: '主体名录' | |||||
| }, | |||||
| component: (resolve) => require(['@/views/newBusinessEntity/listBody'], resolve) | |||||
| }, | |||||
| //地图 | |||||
| { | |||||
| path: '/newBusinessEntity/map', | |||||
| name: 'newBusinlistBody', | |||||
| meta: { | |||||
| title: '地图' | |||||
| }, | |||||
| component: (resolve) => require(['@/views/newBusinessEntity/map'], resolve) | |||||
| }, | |||||
| ]; | ]; | ||||
| @@ -41,8 +41,6 @@ | |||||
| <van-field | <van-field | ||||
| readonly | readonly | ||||
| clickable | clickable | ||||
| required | |||||
| :rules="[{ required: true , message:'请选择关联方案' }]" | |||||
| v-model="scheme" | v-model="scheme" | ||||
| label="关联方案" | label="关联方案" | ||||
| placeholder="请选择关联方案" | placeholder="请选择关联方案" | ||||
| @@ -181,7 +179,12 @@ | |||||
| </template> | </template> | ||||
| </van-field> | </van-field> | ||||
| <div v-if="form.type=='1'"> | <div v-if="form.type=='1'"> | ||||
| <van-field v-model="form.name" required :rules="[{ required: true , message:'请输入当事人姓名' }]" label="当事人姓名" placeholder="请输入当事人姓名" :border="false" label-width="auto" input-align="right" /> | |||||
| <van-field v-model="form.name" @input="nameChange" required :rules="[{ required: true , message:'请输入当事人姓名' }]" label="当事人姓名" placeholder="请输入当事人姓名" :border="false" label-width="auto" input-align="right" /> | |||||
| <!-- @blur="showPopover = false"--> | |||||
| <div class="popover_box" v-if="showPopover"> | |||||
| <p v-for="(item,index) in personalList" @click="takePeople(item)">{{item.name}}<span>{{item.phone}}</span></p> | |||||
| </div> | |||||
| <van-field v-if="form.type=='1'" v-model="form.sex" label="性别" placeholder="请输入性别" :border="false" label-width="auto" input-align="right" > | <van-field v-if="form.type=='1'" v-model="form.sex" label="性别" placeholder="请输入性别" :border="false" label-width="auto" input-align="right" > | ||||
| <template #input v-if="form.type=='1'"> | <template #input v-if="form.type=='1'"> | ||||
| <van-radio-group v-model="form.sex" direction="horizontal"> | <van-radio-group v-model="form.sex" direction="horizontal"> | ||||
| @@ -241,7 +244,11 @@ | |||||
| <van-field v-model="form.zihao" label="字号名称" placeholder="请输入字号名称" :border="false" label-width="auto" input-align="right" /> | <van-field v-model="form.zihao" label="字号名称" placeholder="请输入字号名称" :border="false" label-width="auto" input-align="right" /> | ||||
| </div> | </div> | ||||
| <div v-if="form.type=='2'"> | <div v-if="form.type=='2'"> | ||||
| <van-field v-model="form.companyName" :rules="[{ required: true , message:'请输入企业名称' }]" label="企业名称" placeholder="请输入企业名称" :border="false" label-width="auto" input-align="right" /> | |||||
| <!-- @blur="showCompany = false"--> | |||||
| <van-field v-model="form.companyName" @input="companyChange" :rules="[{ required: true , message:'请输入企业名称' }]" label="企业名称" placeholder="请输入企业名称" :border="false" label-width="auto" input-align="right" /> | |||||
| <div class="popover_box" v-if="showCompany"> | |||||
| <p v-for="(item,index) in companyList" @click="takeCompany(item)">{{item.companyName}}</p> | |||||
| </div> | |||||
| <van-field v-model="form.legalName" label="法人/负责人" placeholder="请输入法人/负责人" :border="false" label-width="auto" input-align="right" /> | <van-field v-model="form.legalName" label="法人/负责人" placeholder="请输入法人/负责人" :border="false" label-width="auto" input-align="right" /> | ||||
| </div> | </div> | ||||
| @@ -299,7 +306,7 @@ | |||||
| <!-- </div>--> | <!-- </div>--> | ||||
| <div class="submit_box"> | <div class="submit_box"> | ||||
| <p class="submitButton" @click="$refs.form.submit()">保存</p> | <p class="submitButton" @click="$refs.form.submit()">保存</p> | ||||
| <p class="submitButton" @click="keepSubmit()">保存并提交</p> | |||||
| <p class="submitButton" @click="keepSubmit()">提交</p> | |||||
| </div> | </div> | ||||
| </van-form> | </van-form> | ||||
| @@ -307,7 +314,7 @@ | |||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { addCase , addProgress , treeselect , schemeList , addSurvey , commonUpload } from "@/api/lawEnforcement/index"; | |||||
| import { addCase , addProgress , treeselect , schemeList , addSurvey , commonUpload , updateCase , personalList , companyList } from "@/api/lawEnforcement/index"; | |||||
| import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
| export default { | export default { | ||||
| name: "programmeDetail", | name: "programmeDetail", | ||||
| @@ -321,6 +328,8 @@ | |||||
| showNation:false, | showNation:false, | ||||
| showBirthday:false, | showBirthday:false, | ||||
| showRegisterDate:false, | showRegisterDate:false, | ||||
| showPopover:false, | |||||
| showCompany:false, | |||||
| form:{ | form:{ | ||||
| type:'1', | type:'1', | ||||
| sex:'1', | sex:'1', | ||||
| @@ -328,7 +337,20 @@ | |||||
| caseProgress:'1', | caseProgress:'1', | ||||
| caseStatus:'1', | caseStatus:'1', | ||||
| attachement:[], | attachement:[], | ||||
| attachementList:[] | |||||
| attachementList:[], | |||||
| id:null, | |||||
| name : '' , | |||||
| cardNum : '' , | |||||
| birthday : '' , | |||||
| nation : '' , | |||||
| companyPosition : '' , | |||||
| duties : '' , | |||||
| zihao : '' , | |||||
| companyName : '' , | |||||
| legalName : '' , | |||||
| phone : '' , | |||||
| address : '' , | |||||
| uniformCode : '' , | |||||
| }, | }, | ||||
| registerDate:new Date(), | registerDate:new Date(), | ||||
| birthday:new Date(), | birthday:new Date(), | ||||
| @@ -363,7 +385,9 @@ | |||||
| children: "children", | children: "children", | ||||
| }, | }, | ||||
| deptId:'' | |||||
| deptId:'', | |||||
| personalList:[], | |||||
| companyList:[], | |||||
| }; | }; | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| @@ -393,7 +417,10 @@ | |||||
| for (var i = 0; i < response.data.length; i++) { | for (var i = 0; i < response.data.length; i++) { | ||||
| this.nationOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | this.nationOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | ||||
| } | } | ||||
| // this.nationOptions = response.data; | |||||
| this.nationOptions2 = response.data; | |||||
| }); | |||||
| this.getDicts("case_node").then(response => { | |||||
| this.caseProgressOptions = response.data; | |||||
| }); | }); | ||||
| var schemeQueryParam = { | var schemeQueryParam = { | ||||
| applyStatus: "1" | applyStatus: "1" | ||||
| @@ -406,7 +433,7 @@ | |||||
| this.getBookList() | this.getBookList() | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| goSubmit(){ | |||||
| goSubmit(type){ | |||||
| if (typeof this.form.attachement != 'string'){ | if (typeof this.form.attachement != 'string'){ | ||||
| this.form.attachement = this.form.attachement.join(','); | this.form.attachement = this.form.attachement.join(','); | ||||
| } | } | ||||
| @@ -424,9 +451,11 @@ | |||||
| surveyForm.caseId = response.data; | surveyForm.caseId = response.data; | ||||
| addSurvey(surveyForm).then(response => { | addSurvey(surveyForm).then(response => { | ||||
| this.$notify({ type: 'success', message: '保存成功' }); | this.$notify({ type: 'success', message: '保存成功' }); | ||||
| setTimeout(function(){ | |||||
| history.back(-1); | |||||
| },2000) | |||||
| if (type != 'submit'){ | |||||
| setTimeout(function(){ | |||||
| history.back(-1); | |||||
| },2000) | |||||
| } | |||||
| }); | }); | ||||
| }); | }); | ||||
| @@ -491,29 +520,33 @@ | |||||
| this.showBirthday = false; | this.showBirthday = false; | ||||
| }, | }, | ||||
| keepSubmit(){ | keepSubmit(){ | ||||
| this.form.caseId = this.form.id; | |||||
| this.form.caseStatus = "1"; | |||||
| this.form.caseProgress = "2"; // 勘察 | |||||
| this.form.caseProgressName = this.selectDictLabel(this.caseProgressOptions, this.form.caseProgress); // 勘察 | |||||
| this.goSubmit('submit'); | |||||
| var that = this ; | |||||
| setTimeout(function () { | |||||
| that.form.caseId = that.form.id; | |||||
| that.form.caseStatus = "1"; | |||||
| that.form.caseProgress = "2"; // 勘察 | |||||
| that.form.caseProgressName = that.selectDictLabel(that.caseProgressOptions, '2'); // 勘察 | |||||
| if (typeof this.form.attachement != 'string'){ | |||||
| this.form.attachement = this.form.attachement.join(','); | |||||
| } | |||||
| var _this = this; | |||||
| this.$dialog.confirm({ | |||||
| message: '提交后案件将进入后续流程并且不能修改,是否确认提交?', | |||||
| }).then(function () { | |||||
| // 更新案件的节点和状态 | |||||
| updateCase(_this.form).then(response => { | |||||
| _this.$notify({ type: 'success', message: '提交成功' }); | |||||
| setTimeout(function(){ | |||||
| history.back(-1); | |||||
| },2000) | |||||
| if (typeof that.form.attachement != 'string') { | |||||
| that.form.attachement = that.form.attachement.join(','); | |||||
| } | |||||
| that.$dialog.confirm({ | |||||
| message: '提交后案件将进入后续流程并且不能修改,是否确认提交?', | |||||
| }).then(function () { | |||||
| // 更新案件的节点和状态 | |||||
| updateCase(that.form).then(response => { | |||||
| that.$notify({type: 'success', message: '提交成功'}); | |||||
| setTimeout(function () { | |||||
| history.back(-1); | |||||
| }, 2000) | |||||
| }); | |||||
| }); | }); | ||||
| }); | |||||
| },2000) | |||||
| }, | }, | ||||
| afterReadEvidenceForm(file){ | afterReadEvidenceForm(file){ | ||||
| let params1 = new FormData(); | let params1 = new FormData(); | ||||
| console.log( this.form.attachement ) | |||||
| params1.append("file", file.file); | params1.append("file", file.file); | ||||
| commonUpload(params1).then((r1) => { | commonUpload(params1).then((r1) => { | ||||
| // this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | // this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | ||||
| @@ -524,6 +557,66 @@ | |||||
| this.form.attachement.splice(detail.index,1); | this.form.attachement.splice(detail.index,1); | ||||
| this.form.attachementList.splice(detail.index,1); | this.form.attachementList.splice(detail.index,1); | ||||
| }, | }, | ||||
| nameChange(val){ | |||||
| console.log(val) | |||||
| if (val == ""){ | |||||
| this.showPopover = false; | |||||
| }else{ | |||||
| this.showPopover = true; | |||||
| } | |||||
| var query = { | |||||
| name:val | |||||
| } | |||||
| personalList(query).then((r1) => { | |||||
| console.log(r1) | |||||
| this.personalList = r1.data; | |||||
| }) | |||||
| }, | |||||
| takePeople(item){ | |||||
| console.log(item) | |||||
| this.form.bodyId = item.id; | |||||
| this.form.name = item.name; | |||||
| this.form.sex = item.sex == null ? '1' : item.sex; | |||||
| this.form.cardNum = item.cardNum; | |||||
| this.form.birthday = item.birthday; | |||||
| this.form.nation = item.nation; | |||||
| this.nation = item.nation == null ? '' : this.selectDictLabel(this.nationOptions2, item.nation); | |||||
| this.form.companyPosition = item.companyPosition; | |||||
| this.form.duties = item.duties; | |||||
| this.form.zihao = item.zihao; | |||||
| this.form.phone = item.phone; | |||||
| this.form.address = item.address; | |||||
| this.form.uniformCode = item.uniformCode; | |||||
| this.showPopover = false; | |||||
| }, | |||||
| companyChange(val){ | |||||
| console.log(val) | |||||
| if (val == ""){ | |||||
| this.showCompany = false; | |||||
| }else{ | |||||
| this.showCompany = true; | |||||
| } | |||||
| var query = { | |||||
| companyName:val | |||||
| } | |||||
| companyList(query).then((r1) => { | |||||
| console.log(r1) | |||||
| this.companyList = r1.data; | |||||
| }) | |||||
| }, | |||||
| takeCompany(item){ | |||||
| this.form.companyName = item.companyName; | |||||
| this.form.legalName = item.legalName; | |||||
| this.form.phone = item.phone; | |||||
| this.form.address = item.address; | |||||
| this.form.uniformCode = item.uniformCode; | |||||
| this.showCompany = false; | |||||
| } | |||||
| }, | }, | ||||
| watch: { | watch: { | ||||
| $route (to, from ) { | $route (to, from ) { | ||||
| @@ -552,6 +645,23 @@ | |||||
| /deep/ .van-collapse-item__content{ | /deep/ .van-collapse-item__content{ | ||||
| padding: 0; | padding: 0; | ||||
| } | } | ||||
| .popover_box{ | |||||
| position: absolute; | |||||
| z-index: 9; | |||||
| background: #fff; | |||||
| box-shadow: 0PX 0PX 5PX #ccc; | |||||
| padding: 5PX 10PX; | |||||
| right: 16PX; | |||||
| line-height: 30PX; | |||||
| border-radius: 5px; | |||||
| max-height: 160PX; | |||||
| overflow-y: scroll; | |||||
| width: calc(100% - 32PX); | |||||
| p{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| } | |||||
| } | |||||
| .cf{ | .cf{ | ||||
| padding: 0 3%; | padding: 0 3%; | ||||
| margin-top: 20PX; | margin-top: 20PX; | ||||
| @@ -208,7 +208,12 @@ | |||||
| }); | }); | ||||
| getSurveyByCaseId(this.$route.query.id).then((response) => { | getSurveyByCaseId(this.$route.query.id).then((response) => { | ||||
| if(response.data != undefined){ | if(response.data != undefined){ | ||||
| this.tEnforceCaseHandlerList = response.data.tEnforceCaseHandlerList; | |||||
| if (response.data.tEnforceCaseHandlerList){ | |||||
| response.data.tEnforceCaseHandlerList.map((responseEnforce,index)=>{ | |||||
| responseEnforce.enforcerLeader = responseEnforce.enforcerLeader=='Y'? true:false; | |||||
| this.tEnforceCaseHandlerList.push(responseEnforce); | |||||
| }); | |||||
| } | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| @@ -179,8 +179,6 @@ | |||||
| next('/url') //放行到指定的路由 | next('/url') //放行到指定的路由 | ||||
| */ | */ | ||||
| next(vm => { | next(vm => { | ||||
| console.log(from.path) | |||||
| console.log(to.path) | |||||
| if (from.path === '/lawEnforcement/caseAllocation'){ | if (from.path === '/lawEnforcement/caseAllocation'){ | ||||
| location.reload() | location.reload() | ||||
| } | } | ||||
| @@ -282,6 +280,7 @@ | |||||
| $route (to, from ) { | $route (to, from ) { | ||||
| // 监听路由变化, 实现类似 小程序的 onShow 事件 | // 监听路由变化, 实现类似 小程序的 onShow 事件 | ||||
| if (to.path === '/lawEnforcement/caseDistribution') { | if (to.path === '/lawEnforcement/caseDistribution') { | ||||
| console.log('aaaa') | |||||
| // do anything you want | // do anything you want | ||||
| if (Cookies.get('enforcer')){ | if (Cookies.get('enforcer')){ | ||||
| getSurveyByCaseId(this.$route.query.id).then((response) => { | getSurveyByCaseId(this.$route.query.id).then((response) => { | ||||
| @@ -295,7 +294,10 @@ | |||||
| }) | }) | ||||
| }else { | }else { | ||||
| JSON.parse(Cookies.get('enforcer')).map((res,index)=>{ | JSON.parse(Cookies.get('enforcer')).map((res,index)=>{ | ||||
| let array1 = this.tEnforceCaseHandlerList.filter(function (e) { return e.enforcerName == res.enforcerName; }); | |||||
| if ( array1.length < 1 ){ | |||||
| this.tEnforceCaseHandlerList.push(res) | this.tEnforceCaseHandlerList.push(res) | ||||
| } | |||||
| }) | }) | ||||
| } | } | ||||
| }); | }); | ||||
| @@ -41,8 +41,6 @@ | |||||
| <van-field | <van-field | ||||
| readonly | readonly | ||||
| clickable | clickable | ||||
| required | |||||
| :rules="[{ required: true , message:'请选择关联方案' }]" | |||||
| v-model="scheme" | v-model="scheme" | ||||
| label="关联方案" | label="关联方案" | ||||
| placeholder="请选择关联方案" | placeholder="请选择关联方案" | ||||
| @@ -60,7 +58,7 @@ | |||||
| @cancel="showScheme = false" | @cancel="showScheme = false" | ||||
| /> | /> | ||||
| </van-popup> | </van-popup> | ||||
| <!-- <van-field v-model="form.schemeId" label="关联方案" placeholder="请输入关联方案" :border="false" label-width="auto" input-align="right" />--> | |||||
| <!-- <van-field v-model="form.schemeId" label="关联方案" placeholder="请输入关联方案" :border="false" label-width="auto" input-align="right" />--> | |||||
| <van-field | <van-field | ||||
| readonly | readonly | ||||
| @@ -298,7 +296,7 @@ | |||||
| <!-- </div>--> | <!-- </div>--> | ||||
| <div class="submit_box"> | <div class="submit_box"> | ||||
| <p class="submitButton" @click="$refs.form.submit()">保存</p> | <p class="submitButton" @click="$refs.form.submit()">保存</p> | ||||
| <p class="submitButton" @click="keepSubmit()">保存并提交</p> | |||||
| <p class="submitButton" @click="keepSubmit()">提交</p> | |||||
| </div> | </div> | ||||
| </van-form> | </van-form> | ||||
| @@ -405,6 +403,10 @@ | |||||
| } | } | ||||
| }); | }); | ||||
| this.getBookList() | this.getBookList() | ||||
| var that = this; | |||||
| setTimeout(function () { | |||||
| that.getDetail(); | |||||
| },2000) | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| goSubmit(){ | goSubmit(){ | ||||
| @@ -450,9 +452,7 @@ | |||||
| // 更新案件的节点和状态 | // 更新案件的节点和状态 | ||||
| updateCase(_this.form).then(response => { | updateCase(_this.form).then(response => { | ||||
| _this.$notify({ type: 'success', message: '提交成功' }); | _this.$notify({ type: 'success', message: '提交成功' }); | ||||
| setTimeout(function(){ | |||||
| history.back(-1); | |||||
| },2000) | |||||
| _this.goSubmit(); | |||||
| }); | }); | ||||
| }); | }); | ||||
| }, | }, | ||||
| @@ -460,7 +460,6 @@ | |||||
| treeselect().then((response) => { | treeselect().then((response) => { | ||||
| if (response.code == 200) { | if (response.code == 200) { | ||||
| this.deptOptions = response.data; | this.deptOptions = response.data; | ||||
| this.getDetail(); | |||||
| } | } | ||||
| }) | }) | ||||
| }, | }, | ||||
| @@ -518,7 +517,9 @@ | |||||
| this.caseSource = response.data.caseSource == '' ? '' : this.selectDictLabel(this.caseSourceOptions2, response.data.caseSource); | this.caseSource = response.data.caseSource == '' ? '' : this.selectDictLabel(this.caseSourceOptions2, response.data.caseSource); | ||||
| this.belongTeam = response.data.belongTeam == '' ? '' : this.selectDictLabel(this.belongTeamOptions2, response.data.belongTeam); | this.belongTeam = response.data.belongTeam == '' ? '' : this.selectDictLabel(this.belongTeamOptions2, response.data.belongTeam); | ||||
| this.nation = response.data.nation == '' ? '' : this.selectDictLabel(this.nationOptions2, response.data.nation); | this.nation = response.data.nation == '' ? '' : this.selectDictLabel(this.nationOptions2, response.data.nation); | ||||
| this.scheme = response.data.schemeId == '' ? '' : this.schemeOptions.filter(function (e) { return e.value == response.data.schemeId; })[0].text; | |||||
| console.log(response.data.schemeId) | |||||
| console.log(this.schemeOptions) | |||||
| this.scheme = response.data.schemeId == null ? '' : this.schemeOptions.filter(function (e) { return e.value == response.data.schemeId; })[0].text; | |||||
| this.enforceCategory = response.data.enforceCategory; | this.enforceCategory = response.data.enforceCategory; | ||||
| if (response.data.attachement){ | if (response.data.attachement){ | ||||
| response.data.attachementList = []; | response.data.attachementList = []; | ||||
| @@ -61,7 +61,7 @@ | |||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { listEnforcer , getCase , updateSurvey , getSurveyByCaseId } from "@/api/lawEnforcement/index"; | |||||
| import { listEnforcer , getCase , updateSurvey , addSurvey , getSurveyByCaseId } from "@/api/lawEnforcement/index"; | |||||
| import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
| export default { | export default { | ||||
| name: "programmeDetail", | name: "programmeDetail", | ||||
| @@ -130,12 +130,36 @@ | |||||
| var that = this ; | var that = this ; | ||||
| this.surveyForm.caseId = this.form.id; | this.surveyForm.caseId = this.form.id; | ||||
| getSurveyByCaseId(this.surveyForm.caseId).then(responseSurvey => { | getSurveyByCaseId(this.surveyForm.caseId).then(responseSurvey => { | ||||
| console.log(responseSurvey.data.tEnforceCaseHandlerList) | |||||
| this.surveyForm.id = responseSurvey.data.id; | |||||
| this.result.map(res=>{ | |||||
| console.log(res) | |||||
| let array1 = responseSurvey.data.tEnforceCaseHandlerList.filter(function (e) { return e.id == res.id; }); | |||||
| if ( array1.length < 1 ){ | |||||
| if (responseSurvey.data !=undefined){ | |||||
| this.surveyForm.id = responseSurvey.data.id; | |||||
| this.result.map(res=>{ | |||||
| console.log(res) | |||||
| let array1 = responseSurvey.data.tEnforceCaseHandlerList.filter(function (e) { return e.id == res.id; }); | |||||
| if ( array1.length < 1 ){ | |||||
| let obj = {}; | |||||
| obj.relationType = "2"; | |||||
| obj.enforcerId = res.id; // 执法人员ID -- 执法人员选择页面带回值 | |||||
| obj.enforcerName = res.name; // 执法人员姓名 -- 执法人员选择页面带回值 | |||||
| obj.enforcerNum = res.enforceNum; // 执法证号 -- 执法人员选择页面带回值 | |||||
| obj.enforcerLeader = ""; // 是否带队 --勾选赋值 | |||||
| if (this.radio == res.id){ | |||||
| obj.enforcerLeader = "Y" | |||||
| } | |||||
| that.surveyForm.tEnforceCaseHandlerList.push(obj) | |||||
| } | |||||
| }) | |||||
| setTimeout(function () { | |||||
| updateSurvey(that.surveyForm).then(response => { | |||||
| that.$notify({ type: 'success', message: '保存成功' }); | |||||
| setTimeout(function(){ | |||||
| history.back(-1); | |||||
| },2000) | |||||
| }); | |||||
| },2000) | |||||
| }else{ | |||||
| this.result.map(res=>{ | |||||
| that.surveyForm.tEnforceCaseHandlerList = []; | |||||
| let obj = {}; | let obj = {}; | ||||
| obj.relationType = "2"; | obj.relationType = "2"; | ||||
| obj.enforcerId = res.id; // 执法人员ID -- 执法人员选择页面带回值 | obj.enforcerId = res.id; // 执法人员ID -- 执法人员选择页面带回值 | ||||
| @@ -146,16 +170,16 @@ | |||||
| obj.enforcerLeader = "Y" | obj.enforcerLeader = "Y" | ||||
| } | } | ||||
| that.surveyForm.tEnforceCaseHandlerList.push(obj) | that.surveyForm.tEnforceCaseHandlerList.push(obj) | ||||
| } | |||||
| }) | |||||
| setTimeout(function () { | |||||
| updateSurvey(that.surveyForm).then(response => { | |||||
| that.$notify({ type: 'success', message: '保存成功' }); | |||||
| setTimeout(function(){ | |||||
| history.back(-1); | |||||
| },2000) | |||||
| }); | |||||
| },2000) | |||||
| }) | |||||
| setTimeout(function () { | |||||
| addSurvey(that.surveyForm).then(response => { | |||||
| that.$notify({ type: 'success', message: '保存成功' }); | |||||
| setTimeout(function(){ | |||||
| history.back(-1); | |||||
| },2000) | |||||
| }); | |||||
| },2000) | |||||
| } | |||||
| }); | }); | ||||
| }, | }, | ||||
| @@ -8,7 +8,7 @@ | |||||
| <div class="search_box"> | <div class="search_box"> | ||||
| <div class="search"> | <div class="search"> | ||||
| <input type="text" v-model="searchInput" placeholder="请输入登记名称" /> | <input type="text" v-model="searchInput" placeholder="请输入登记名称" /> | ||||
| <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png" @click="goSearch"> | |||||
| <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png" @click="getList"> | |||||
| </div> | </div> | ||||
| <img src="../../../../static/images/lawEnforcement/new/list_icon_03.png" @click="$router.push({name:'lawEnforcementCaseAdd'})"/> | <img src="../../../../static/images/lawEnforcement/new/list_icon_03.png" @click="$router.push({name:'lawEnforcementCaseAdd'})"/> | ||||
| </div> | </div> | ||||
| @@ -37,13 +37,13 @@ | |||||
| <van-button v-if="item.caseProgress == 1" square text="修改" type="info" :to="{name:'lawEnforcementCaseEdit', query: {id:item.id}}" class="delete-button" /> | <van-button v-if="item.caseProgress == 1" square text="修改" type="info" :to="{name:'lawEnforcementCaseEdit', query: {id:item.id}}" class="delete-button" /> | ||||
| </van-col> | </van-col> | ||||
| <van-col> | <van-col> | ||||
| <van-button v-if="item.caseProgress == 1" square text="删除" type="danger" @click="deleteCase(item.id)" class="delete-button" /> | |||||
| <van-button v-if="item.caseProgress == 1" square text="删除" type="danger" @click="deleteCase(item.id,index)" class="delete-button" /> | |||||
| </van-col> | </van-col> | ||||
| <van-col> | <van-col> | ||||
| <van-button v-if="item.caseProgress == 1" color="#FFA63E" square text="提交" type="info" @click="submitCase(item)" class="delete-button" /> | <van-button v-if="item.caseProgress == 1" color="#FFA63E" square text="提交" type="info" @click="submitCase(item)" class="delete-button" /> | ||||
| </van-col> | </van-col> | ||||
| <van-col> | <van-col> | ||||
| <van-button v-if="item.caseProgress != 1" color="#1CB8B1" square type="info" :to="{name:'lawEnforcementCaseEnforceList', query: {id:item.id,belongTeam:item.belongTeam}}" class="delete-button" >添加<br/>执法<br/>员</van-button> | |||||
| <van-button v-if="item.caseProgress == 2" color="#1CB8B1" square type="info" :to="{name:'lawEnforcementCaseEnforceList', query: {id:item.id,belongTeam:item.belongTeam}}" class="delete-button" >添加<br/>执法<br/>员</van-button> | |||||
| </van-col> | </van-col> | ||||
| </van-row> | </van-row> | ||||
| </template> | </template> | ||||
| @@ -92,6 +92,16 @@ | |||||
| methods: { | methods: { | ||||
| getList(){ | getList(){ | ||||
| var _this = this; | var _this = this; | ||||
| if (this.searchInput != ''){ | |||||
| if (this.searchInput == this.queryApplyParams.caseName){ | |||||
| return; | |||||
| } | |||||
| this.list = []; | |||||
| this.queryApplyParams.caseName = this.searchInput; | |||||
| this.queryApplyParams.pageNum = 1 ; | |||||
| this.loading = false; | |||||
| this.finished = false; | |||||
| } | |||||
| listCase(_this.queryApplyParams).then(response => { | listCase(_this.queryApplyParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| res.caseSourceText = res.caseSource == '' ? '' : this.selectDictLabel(this.caseSourceOptions, res.caseSource); | res.caseSourceText = res.caseSource == '' ? '' : this.selectDictLabel(this.caseSourceOptions, res.caseSource); | ||||
| @@ -121,17 +131,13 @@ | |||||
| this.finished = false; | this.finished = false; | ||||
| // this.getList(); | // this.getList(); | ||||
| }, | }, | ||||
| deleteCase(id){ | |||||
| deleteCase(id,index){ | |||||
| this.$dialog.confirm({ | this.$dialog.confirm({ | ||||
| message: '是否确认删除案件登记标识为"' + id + '"的数据项?', | message: '是否确认删除案件登记标识为"' + id + '"的数据项?', | ||||
| }).then(function () { | }).then(function () { | ||||
| return delCase(id); | return delCase(id); | ||||
| }).then(() => { | }).then(() => { | ||||
| this.list = []; | |||||
| this.loading = false; | |||||
| this.finished = false; | |||||
| this.queryApplyParams.pageNum = 1 ; | |||||
| this.getList(); | |||||
| this.list.splice(index,1) | |||||
| this.$notify({ type: 'success', message: '删除成功' }); | this.$notify({ type: 'success', message: '删除成功' }); | ||||
| }).catch(() => {}); | }).catch(() => {}); | ||||
| }, | }, | ||||
| @@ -153,8 +159,8 @@ | |||||
| this.loading = false; | this.loading = false; | ||||
| this.finished = false; | this.finished = false; | ||||
| this.queryApplyParams.pageNum = 1 ; | this.queryApplyParams.pageNum = 1 ; | ||||
| this.getList(); | |||||
| this.$notify({ type: 'success', message: '提交成功' }); | this.$notify({ type: 'success', message: '提交成功' }); | ||||
| location.reload(); | |||||
| }).catch(() => {}); | }).catch(() => {}); | ||||
| } | } | ||||
| }, | }, | ||||
| @@ -27,11 +27,15 @@ | |||||
| <div class="main1"> | <div class="main1"> | ||||
| <p class="tit">日常执法</p> | <p class="tit">日常执法</p> | ||||
| <!-- <p class="content">农业农村管理方面法律及法规规定的行政处罚</p>--> | <!-- <p class="content">农业农村管理方面法律及法规规定的行政处罚</p>--> | ||||
| <van-grid :column-num="3" :border="false"> | |||||
| <van-grid :column-num="4" :border="false"> | |||||
| <van-grid-item :to="{name:'lawEnforcementCaseAllocation'}"> | <van-grid-item :to="{name:'lawEnforcementCaseAllocation'}"> | ||||
| <img src="../../../static/images/lawEnforcement/new/index_icon_05.png"/> | <img src="../../../static/images/lawEnforcement/new/index_icon_05.png"/> | ||||
| <p>案件分配</p> | <p>案件分配</p> | ||||
| </van-grid-item> | </van-grid-item> | ||||
| <van-grid-item :to="{name:'waitingProcessing'}"> | |||||
| <img src="../../../static/images/lawEnforcement/new/index_icon_21.png"/> | |||||
| <p>待办事项</p> | |||||
| </van-grid-item> | |||||
| <van-grid-item :to="{name:'lawEnforcementTask'}"> | <van-grid-item :to="{name:'lawEnforcementTask'}"> | ||||
| <img src="../../../static/images/lawEnforcement/new/index_icon_06.png"/> | <img src="../../../static/images/lawEnforcement/new/index_icon_06.png"/> | ||||
| <p>任务查看</p> | <p>任务查看</p> | ||||
| @@ -229,6 +233,8 @@ export default { | |||||
| } | } | ||||
| /deep/ .van-grid-item__content{ | /deep/ .van-grid-item__content{ | ||||
| background: transparent; | background: transparent; | ||||
| padding-left: 0; | |||||
| padding-right: 0; | |||||
| p{ | p{ | ||||
| color: #333333; | color: #333333; | ||||
| font-size: 14PX; | font-size: 14PX; | ||||
| @@ -0,0 +1,301 @@ | |||||
| <template> | |||||
| <div class="home_wrapper"> | |||||
| <div class="header_main"> | |||||
| 监控 | |||||
| </div> | |||||
| <div class="jg"></div> | |||||
| <div class="main1"> | |||||
| <p class="tit">设备</p> | |||||
| <!-- <p class="content">农业农村管理方面法律及法规规定的行政处罚</p>--> | |||||
| <van-grid :column-num="2" :border="false"> | |||||
| <van-grid-item :to="{name:'lawEnforcementCaseAllocation'}"> | |||||
| <div class="onDiv"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_01.png"/> | |||||
| <div class="onDiv_text"> | |||||
| <p>4<span>台</span></p> | |||||
| <p>在线设备</p> | |||||
| </div> | |||||
| </div> | |||||
| </van-grid-item> | |||||
| <van-grid-item :to="{name:'waitingProcessing'}"> | |||||
| <div class="onDiv outDiv"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_01.png"/> | |||||
| <div class="onDiv_text"> | |||||
| <p>4<span>台</span></p> | |||||
| <p>在线设备</p> | |||||
| </div> | |||||
| </div> | |||||
| </van-grid-item> | |||||
| </van-grid> | |||||
| </div> | |||||
| <van-tabs v-model="active" animated> | |||||
| <van-tab title="在线设备"> | |||||
| <div class="onList"> | |||||
| <div class="onList_tit"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_02.png" alt=""> | |||||
| <p>手持执法仪</p> | |||||
| </div> | |||||
| <p class="onList_num">Y-01</p> | |||||
| <p class="onList_time">接入时间:08/21 15:00</p> | |||||
| </div> | |||||
| <div class="onList"> | |||||
| <div class="onList_tit"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_02.png" alt=""> | |||||
| <p>手持执法仪</p> | |||||
| </div> | |||||
| <p class="onList_num">Y-01</p> | |||||
| <p class="onList_time">接入时间:08/21 15:00</p> | |||||
| </div> | |||||
| <div class="onList"> | |||||
| <div class="onList_tit"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_02.png" alt=""> | |||||
| <p>手持执法仪</p> | |||||
| </div> | |||||
| <p class="onList_num">Y-01</p> | |||||
| <p class="onList_time">接入时间:08/21 15:00</p> | |||||
| </div> | |||||
| <div class="onList"> | |||||
| <div class="onList_tit"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_02.png" alt=""> | |||||
| <p>手持执法仪</p> | |||||
| </div> | |||||
| <p class="onList_num">Y-01</p> | |||||
| <p class="onList_time">接入时间:08/21 15:00</p> | |||||
| </div> | |||||
| </van-tab> | |||||
| <van-tab title="离线设备"> | |||||
| <div class="onList offList"> | |||||
| <div class="onList_tit"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_02.png" alt=""> | |||||
| <p>手持执法仪</p> | |||||
| </div> | |||||
| <p class="onList_num">Y-01</p> | |||||
| <p class="onList_time">最近时间:08/21 15:00</p> | |||||
| </div> | |||||
| <div class="onList offList"> | |||||
| <div class="onList_tit"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_02.png" alt=""> | |||||
| <p>手持执法仪</p> | |||||
| </div> | |||||
| <p class="onList_num">Y-01</p> | |||||
| <p class="onList_time">最近时间:08/21 15:00</p> | |||||
| </div> | |||||
| <div class="onList offList"> | |||||
| <div class="onList_tit"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_02.png" alt=""> | |||||
| <p>手持执法仪</p> | |||||
| </div> | |||||
| <p class="onList_num">Y-01</p> | |||||
| <p class="onList_time">最近时间:08/21 15:00</p> | |||||
| </div> | |||||
| <div class="onList offList"> | |||||
| <div class="onList_tit"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/monitor_icon_02.png" alt=""> | |||||
| <p>手持执法仪</p> | |||||
| </div> | |||||
| <p class="onList_num">Y-01</p> | |||||
| <p class="onList_time">最近时间:08/21 15:00</p> | |||||
| </div> | |||||
| </van-tab> | |||||
| </van-tabs> | |||||
| <div style="height: 20PX"></div> | |||||
| <lawNew></lawNew> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import lawNew from "@/components/common/lawNew_footer"; | |||||
| export default { | |||||
| name: "caseAllocation", | |||||
| components: { | |||||
| lawNew | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| active: 0, | |||||
| }; | |||||
| }, | |||||
| created() { | |||||
| }, | |||||
| methods: { | |||||
| }, | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .jg{ | |||||
| height: 116px; | |||||
| } | |||||
| .onDiv{ | |||||
| display: flex; | |||||
| width: 90%; | |||||
| background-image: linear-gradient(to right, #F57F65 , #F9A96D); | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| border-radius: 8PX; | |||||
| padding: 12PX 0 15PX; | |||||
| .onDiv_text{ | |||||
| margin-left: 10%; | |||||
| p{ | |||||
| color: #ffffff; | |||||
| line-height: 1; | |||||
| &:first-child{ | |||||
| font-size: 32PX; | |||||
| margin-bottom: 5PX; | |||||
| span{ | |||||
| font-size: 14PX; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .outDiv{ | |||||
| background:#C9C9C9; | |||||
| } | |||||
| .onList{ | |||||
| background: #1D6FE9 url("../../../../static/images/lawEnforcement/icon/monitor_icon_03.png") no-repeat; | |||||
| background-position: right 5% top 40%; | |||||
| width: 46%; | |||||
| padding: 3% 5%; | |||||
| color: #ffffff; | |||||
| border-radius: 10PX; | |||||
| float: left; | |||||
| margin: 4% 2% 0; | |||||
| .onList_tit{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| p{ | |||||
| margin-left: 5PX; | |||||
| } | |||||
| } | |||||
| .onList_num{ | |||||
| font-size: 28PX; | |||||
| margin: 5PX 0; | |||||
| } | |||||
| } | |||||
| .offList{ | |||||
| background: #C9C9C9 url("../../../../static/images/lawEnforcement/icon/monitor_icon_04.png") no-repeat; | |||||
| background-position: right 5% top 40%; | |||||
| } | |||||
| /deep/ .van-tabs--line .van-tabs__wrap{ | |||||
| border-radius: 100rem; | |||||
| } | |||||
| /deep/ .van-tab{ | |||||
| z-index: 1; | |||||
| } | |||||
| /deep/ .van-tab--active{ | |||||
| color: #1D6FE9; | |||||
| } | |||||
| /deep/ .van-tabs__nav{ | |||||
| background: #ECECEC; | |||||
| } | |||||
| /deep/ .van-tabs__line{ | |||||
| background: #fff; | |||||
| border-radius: 100rem; | |||||
| z-index: 0; | |||||
| width: 47%; | |||||
| height: 60%; | |||||
| bottom: 0.5rem; | |||||
| } | |||||
| .home_wrapper{ | |||||
| background: #F6F6F6; | |||||
| min-height: 100vh; | |||||
| width: 100vw; | |||||
| padding: 0 3% 0.2rem; | |||||
| .header_main{ | |||||
| height: 116px; | |||||
| background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat; | |||||
| background-size: 100% 100%; | |||||
| position: fixed; | |||||
| top: 0; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| font-size: 36px; | |||||
| line-height: 116px; | |||||
| text-align: center; | |||||
| color: #fff; | |||||
| z-index: 999; | |||||
| .return_btn{ | |||||
| width: 24px; | |||||
| height: 43.2px; | |||||
| background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
| background-size: 20px 36px; | |||||
| position: absolute; | |||||
| left: 38px; | |||||
| top: 36px; | |||||
| } | |||||
| .add_btn{ | |||||
| width: 56.4px; | |||||
| height: 40.8px; | |||||
| background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
| background-size: 47px 34px; | |||||
| position: absolute; | |||||
| right: 38px; | |||||
| top: 36px; | |||||
| } | |||||
| } | |||||
| } | |||||
| .main1{ | |||||
| padding: 0 3%; | |||||
| margin: 25PX auto 0; | |||||
| .content{ | |||||
| color: #878787; | |||||
| padding-left: 2%; | |||||
| margin-top: 10PX; | |||||
| } | |||||
| /deep/ .van-grid-item__content{ | |||||
| background: transparent; | |||||
| padding-left: 0; | |||||
| padding-right: 0; | |||||
| p{ | |||||
| /*color: #333333;*/ | |||||
| font-size: 14PX; | |||||
| } | |||||
| } | |||||
| } | |||||
| .tit{ | |||||
| font-weight: bold; | |||||
| font-size: 16PX; | |||||
| padding: 0 2%; | |||||
| background: url("../../../../static/images/lawEnforcement/new/index_icon_18.png") no-repeat left center; | |||||
| line-height: 1; | |||||
| } | |||||
| .main_box{ | |||||
| width: 100%; | |||||
| margin: 0 auto; | |||||
| border-radius: 10PX; | |||||
| box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||||
| overflow: hidden; | |||||
| background-color: #FFF; | |||||
| margin-top: 10PX; | |||||
| p,/deep/ .van-grid-item__text{ | |||||
| font-size: .35rem; | |||||
| color: #646566; | |||||
| } | |||||
| .custom-title{ | |||||
| font-size: 17PX; | |||||
| color: #333333; | |||||
| vertical-align: middle; | |||||
| line-height: 1; | |||||
| position: relative; | |||||
| } | |||||
| .tap{ | |||||
| color: #1D6FE9; | |||||
| } | |||||
| .bgBlue{ | |||||
| display: block; | |||||
| position: absolute; | |||||
| width: 17PX; | |||||
| height: 17PX; | |||||
| border-radius: 50%; | |||||
| background-color: rgba(29,111,233,0.26); | |||||
| top: -2PX; | |||||
| right: -8PX; | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @@ -3,11 +3,13 @@ | |||||
| <div class="header_main"> | <div class="header_main"> | ||||
| 种子扫描 | 种子扫描 | ||||
| <div class="return_btn" @click="onClickLeft"></div> | <div class="return_btn" @click="onClickLeft"></div> | ||||
| <div class="add_btn" @click="onClickLeft"></div> | |||||
| <div class="top_box"> | <div class="top_box"> | ||||
| <div class="top_01"> | <div class="top_01"> | ||||
| <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_10.png"> | <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_10.png"> | ||||
| <p>码上放心</p> | <p>码上放心</p> | ||||
| </div> | </div> | ||||
| <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_18.png" class="retrospect_icon"> | |||||
| <p class="tt">产品溯源信息</p> | <p class="tt">产品溯源信息</p> | ||||
| <div class="top_02"> | <div class="top_02"> | ||||
| <p><i></i>一物一码</p> | <p><i></i>一物一码</p> | ||||
| @@ -20,7 +22,11 @@ | |||||
| <div class="main"> | <div class="main"> | ||||
| <div class="main_box center_box"> | |||||
| <div class="main_box"> | |||||
| <a href="#" style="font-size: 14px;display: block;width: 100%;text-align: center;">www.kasdhefivnskdfkhhwkn5664nn.5164888874.com</a> | |||||
| </div> | |||||
| <div class="main_box center_box" style="margin-top: 10px;"> | |||||
| <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_15.png" alt=""> | <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_15.png" alt=""> | ||||
| <p>该产品单元识别代码合规</p> | <p>该产品单元识别代码合规</p> | ||||
| <p>1534565635645126353535335656</p> | <p>1534565635645126353535335656</p> | ||||
| @@ -99,6 +105,11 @@ | |||||
| } | } | ||||
| .app-container { | .app-container { | ||||
| } | |||||
| .retrospect_icon{ | |||||
| position: absolute; | |||||
| top: 0; | |||||
| right: 0; | |||||
| } | } | ||||
| .top_box{ | .top_box{ | ||||
| line-height: 1; | line-height: 1; | ||||
| @@ -107,6 +118,7 @@ | |||||
| margin: 0 auto; | margin: 0 auto; | ||||
| padding-bottom: 10PX; | padding-bottom: 10PX; | ||||
| background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_14.png') no-repeat right bottom; | background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_14.png') no-repeat right bottom; | ||||
| position: relative; | |||||
| .top_01{ | .top_01{ | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| @@ -211,7 +223,7 @@ | |||||
| .add_btn{ | .add_btn{ | ||||
| width: 56.4px; | width: 56.4px; | ||||
| height: 40.8px; | height: 40.8px; | ||||
| background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
| background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_17.png') center center no-repeat; | |||||
| background-size: 47px 34px; | background-size: 47px 34px; | ||||
| position: absolute; | position: absolute; | ||||
| right: 38px; | right: 38px; | ||||
| @@ -79,6 +79,17 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | getList(){ | ||||
| if (this.searchInput != ''){ | |||||
| if (this.searchInput == this.queryParams.companyName){ | |||||
| return; | |||||
| } | |||||
| this.list = []; | |||||
| this.loading = false; | |||||
| this.finished = false; | |||||
| this.queryParams.companyName = this.searchInput; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| } | |||||
| var _this = this; | var _this = this; | ||||
| listCompany(_this.queryParams).then(response => { | listCompany(_this.queryParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| @@ -96,14 +107,7 @@ | |||||
| }); | }); | ||||
| }, | }, | ||||
| goSearch(){ | goSearch(){ | ||||
| if (this.searchInput == ''){ | |||||
| location.reload() | |||||
| } | |||||
| this.list = []; | |||||
| this.loading = false; | |||||
| this.finished = false; | |||||
| this.queryParams.companyName = this.searchInput; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| this.getList(); | this.getList(); | ||||
| }, | }, | ||||
| }, | }, | ||||
| @@ -18,7 +18,7 @@ | |||||
| <van-cell title="经营方式" :border="false" v-model="form.businessMode" /> | <van-cell title="经营方式" :border="false" v-model="form.businessMode" /> | ||||
| <van-cell title="经营范围" :border="false" v-model="form.businessScope" /> | <van-cell title="经营范围" :border="false" v-model="form.businessScope" /> | ||||
| </div> | </div> | ||||
| <p class="submitButton" @click="$router.push({name:'lawEnforcementEnterpriseRelation'})">关联案件</p> | |||||
| <p class="submitButton" @click="$router.push({name:'lawEnforcementEnterpriseRelation', query: {id:form.id}})">关联案件</p> | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -8,7 +8,7 @@ | |||||
| <div class="search_box"> | <div class="search_box"> | ||||
| <div class="search"> | <div class="search"> | ||||
| <input type="text" v-model="searchInput" placeholder="请输入商户姓名" /> | <input type="text" v-model="searchInput" placeholder="请输入商户姓名" /> | ||||
| <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png" @click="goSearch"> | |||||
| <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png" @click="getList"> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -74,6 +74,16 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | getList(){ | ||||
| if (this.searchInput != ''){ | |||||
| if (this.searchInput == this.queryParams.name){ | |||||
| return; | |||||
| } | |||||
| this.list = []; | |||||
| this.loading = false; | |||||
| this.finished = false; | |||||
| this.queryParams.name = this.searchInput; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| } | |||||
| listPersonal(this.queryParams).then(response => { | listPersonal(this.queryParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| this.list.push(res); | this.list.push(res); | ||||
| @@ -92,12 +102,15 @@ | |||||
| if (this.searchInput == ''){ | if (this.searchInput == ''){ | ||||
| location.reload() | location.reload() | ||||
| } | } | ||||
| if (this.searchInput == this.queryParams.name){ | |||||
| return; | |||||
| } | |||||
| this.list = []; | this.list = []; | ||||
| this.loading = false; | this.loading = false; | ||||
| this.finished = false; | this.finished = false; | ||||
| this.queryParams.name = this.searchInput; | this.queryParams.name = this.searchInput; | ||||
| this.queryParams.pageNum = 1 ; | this.queryParams.pageNum = 1 ; | ||||
| this.getList(); | |||||
| // this.getList(); | |||||
| }, | }, | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -13,13 +13,13 @@ | |||||
| </template> | </template> | ||||
| </van-cell> | </van-cell> | ||||
| <van-cell title="案件来源" :border="false" v-model="form.caseSource" /> | <van-cell title="案件来源" :border="false" v-model="form.caseSource" /> | ||||
| <van-cell title="关联方案" :border="false" v-model="form.schemeId" /> | |||||
| <van-cell title="关联方案" :border="false" v-model="form.scheme" /> | |||||
| <van-cell title="案件属地" :border="false" v-model="form.deptId" /> | <van-cell title="案件属地" :border="false" v-model="form.deptId" /> | ||||
| <van-cell title="执行主体" :border="false" v-model="form.belongTeam" /> | <van-cell title="执行主体" :border="false" v-model="form.belongTeam" /> | ||||
| <van-cell title="案件名称" :border="false" v-model="form.caseName" /> | <van-cell title="案件名称" :border="false" v-model="form.caseName" /> | ||||
| <van-cell title="登记日期" :border="false" v-model="form.registerDate" /> | <van-cell title="登记日期" :border="false" v-model="form.registerDate" /> | ||||
| <van-cell title="执法类别" :border="false" v-model="form.enforceCategory" /> | <van-cell title="执法类别" :border="false" v-model="form.enforceCategory" /> | ||||
| <!-- <van-cell title="案件简述1" :border="false" v-model="form.caseSource" />--> | |||||
| <van-cell title="案件简述" :border="false" v-model="form.caseDescribe" /> | |||||
| </div> | </div> | ||||
| <div class="main_box" style="margin-top: 10px;"> | <div class="main_box" style="margin-top: 10px;"> | ||||
| @@ -102,7 +102,7 @@ | |||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { getCase , getDeptName , getSurveyByCaseId } from "@/api/lawEnforcement/index"; | |||||
| import { getCase , getDeptName , getSurveyByCaseId , schemeList } from "@/api/lawEnforcement/index"; | |||||
| export default { | export default { | ||||
| name: "programmeDetail", | name: "programmeDetail", | ||||
| data() { | data() { | ||||
| @@ -129,6 +129,7 @@ | |||||
| caseSourceOptions:[], | caseSourceOptions:[], | ||||
| belongTeamOptions:[], | belongTeamOptions:[], | ||||
| schemeOptions:[], | |||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| @@ -170,6 +171,12 @@ | |||||
| getDeptName(response.data.deptId).then(res => { | getDeptName(response.data.deptId).then(res => { | ||||
| response.data.deptId = res.data.deptName | response.data.deptId = res.data.deptName | ||||
| }); | }); | ||||
| var schemeQueryParam = { | |||||
| applyStatus: "1" | |||||
| }; | |||||
| schemeList(schemeQueryParam).then((responseScheme) => { | |||||
| this.$set(this.form,'scheme',response.data.schemeId == null ? '' : responseScheme.rows.filter(function (e) { return e.id == response.data.schemeId; })[0].schemeName) | |||||
| }); | |||||
| if (response.data.attachement){ | if (response.data.attachement){ | ||||
| response.data.attachementList = []; | response.data.attachementList = []; | ||||
| var attachement = response.data.attachement.split( "," ); | var attachement = response.data.attachement.split( "," ); | ||||
| @@ -185,7 +192,12 @@ | |||||
| }); | }); | ||||
| getSurveyByCaseId(this.$route.query.id).then((response) => { | getSurveyByCaseId(this.$route.query.id).then((response) => { | ||||
| if(response.data != undefined){ | if(response.data != undefined){ | ||||
| this.tEnforceCaseHandlerList = response.data.tEnforceCaseHandlerList; | |||||
| if (response.data.tEnforceCaseHandlerList){ | |||||
| response.data.tEnforceCaseHandlerList.map((responseEnforce,index)=>{ | |||||
| responseEnforce.enforcerLeader = responseEnforce.enforcerLeader=='Y'? true:false; | |||||
| this.tEnforceCaseHandlerList.push(responseEnforce); | |||||
| }); | |||||
| } | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| @@ -12,7 +12,9 @@ | |||||
| <p>{{user.nickName}}</p> | <p>{{user.nickName}}</p> | ||||
| <p>{{roleGroup}}</p> | <p>{{roleGroup}}</p> | ||||
| </div> | </div> | ||||
| <img src="../../../../static/images/lawEnforcement/icon/task_icon_03.png" class="icon_01"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/task_icon_03.png" v-if="relationType == '2'" class="icon_01"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/task_icon_031.png" v-if="relationType == '3'" class="icon_01"> | |||||
| <img src="../../../../static/images/lawEnforcement/icon/task_icon_032.png" v-if="relationType == '4'" class="icon_01"> | |||||
| </div> | </div> | ||||
| <div class="center_box"> | <div class="center_box"> | ||||
| @@ -37,7 +39,8 @@ | |||||
| form:{}, | form:{}, | ||||
| clockinList:[], | clockinList:[], | ||||
| user:{}, | user:{}, | ||||
| roleGroup:'' | |||||
| roleGroup:'', | |||||
| relationType:'' | |||||
| }; | }; | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| @@ -45,6 +48,7 @@ | |||||
| this.user = res.data; | this.user = res.data; | ||||
| this.roleGroup = res.roleGroup; | this.roleGroup = res.roleGroup; | ||||
| }) | }) | ||||
| this.relationType = this.$route.query.relationType; | |||||
| this.getDetail() | this.getDetail() | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| @@ -52,7 +56,7 @@ | |||||
| let queryParams = { | let queryParams = { | ||||
| caseId:this.$route.query.id, | caseId:this.$route.query.id, | ||||
| relationType:this.$route.query.relationType, | relationType:this.$route.query.relationType, | ||||
| clockin_user:this.$route.query.clockin_user | |||||
| clockinUser:this.$route.query.clockin_user | |||||
| } | } | ||||
| clockinList(queryParams).then((response) => { | clockinList(queryParams).then((response) => { | ||||
| this.clockinList = response.rows; | this.clockinList = response.rows; | ||||
| @@ -11,7 +11,7 @@ | |||||
| </baidu-map> | </baidu-map> | ||||
| <div style="position:absolute;top: 75px;width: 100%;"> | <div style="position:absolute;top: 75px;width: 100%;"> | ||||
| <div class="main_box top_box"> | |||||
| <div :class="{'main_box' : true , 'top_box' : true , 'top_qu' : form.caseProgress == '4' , 'top_li' : form.caseProgress == '3' , 'top_kan' : form.caseProgress == '2'}"> | |||||
| <van-field readonly v-model="form.caseSource" label="案件来源" :border="false" /> | <van-field readonly v-model="form.caseSource" label="案件来源" :border="false" /> | ||||
| <van-field readonly v-model="form.schemeId" label="关联方案" :border="false" /> | <van-field readonly v-model="form.schemeId" label="关联方案" :border="false" /> | ||||
| <van-field readonly v-model="form.caseName" label="案件名称" :border="false" /> | <van-field readonly v-model="form.caseName" label="案件名称" :border="false" /> | ||||
| @@ -240,13 +240,21 @@ | |||||
| } | } | ||||
| } | } | ||||
| .top_box{ | .top_box{ | ||||
| background: url('../../../../static/images/lawEnforcement/icon/task_icon_03.png') no-repeat 97% 10%; | |||||
| padding: 10PX 0; | padding: 10PX 0; | ||||
| /*background-size: 100% 100%;*/ | /*background-size: 100% 100%;*/ | ||||
| /deep/ .van-cell{ | /deep/ .van-cell{ | ||||
| background: none; | background: none; | ||||
| } | } | ||||
| } | } | ||||
| .top_kan{ | |||||
| background: url('../../../../static/images/lawEnforcement/icon/task_icon_03.png') no-repeat 97% 10%; | |||||
| } | |||||
| .top_qu{ | |||||
| background: url('../../../../static/images/lawEnforcement/icon/task_icon_032.png') no-repeat 97% 10%; | |||||
| } | |||||
| .top_li{ | |||||
| background: url('../../../../static/images/lawEnforcement/icon/task_icon_031.png') no-repeat 97% 10%; | |||||
| } | |||||
| .main_box{ | .main_box{ | ||||
| width: 96%; | width: 96%; | ||||
| margin: 0 auto; | margin: 0 auto; | ||||
| @@ -11,7 +11,7 @@ | |||||
| </baidu-map> | </baidu-map> | ||||
| <div style="position:absolute;top: 75px;width: 100%;"> | <div style="position:absolute;top: 75px;width: 100%;"> | ||||
| <div class="main_box top_box"> | |||||
| <div :class="{'main_box' : true , 'top_box' : true , 'top_qu' : form.caseProgress == '4' , 'top_li' : form.caseProgress == '3' , 'top_kan' : form.caseProgress == '2'}"> | |||||
| <van-field readonly v-model="form.caseSource" label="案件来源" :border="false" /> | <van-field readonly v-model="form.caseSource" label="案件来源" :border="false" /> | ||||
| <van-field readonly v-model="form.schemeId" label="关联方案" :border="false" /> | <van-field readonly v-model="form.schemeId" label="关联方案" :border="false" /> | ||||
| <van-field readonly v-model="form.caseName" label="案件名称" :border="false" /> | <van-field readonly v-model="form.caseName" label="案件名称" :border="false" /> | ||||
| @@ -189,13 +189,21 @@ | |||||
| } | } | ||||
| } | } | ||||
| .top_box{ | .top_box{ | ||||
| background: url('../../../../static/images/lawEnforcement/icon/task_icon_03.png') no-repeat 97% 10%; | |||||
| padding: 10PX 0; | padding: 10PX 0; | ||||
| /*background-size: 100% 100%;*/ | /*background-size: 100% 100%;*/ | ||||
| /deep/ .van-cell{ | /deep/ .van-cell{ | ||||
| background: none; | background: none; | ||||
| } | } | ||||
| } | } | ||||
| .top_kan{ | |||||
| background: url('../../../../static/images/lawEnforcement/icon/task_icon_03.png') no-repeat 97% 10%; | |||||
| } | |||||
| .top_qu{ | |||||
| background: url('../../../../static/images/lawEnforcement/icon/task_icon_032.png') no-repeat 97% 10%; | |||||
| } | |||||
| .top_li{ | |||||
| background: url('../../../../static/images/lawEnforcement/icon/task_icon_031.png') no-repeat 97% 10%; | |||||
| } | |||||
| .main_box{ | .main_box{ | ||||
| width: 96%; | width: 96%; | ||||
| margin: 0 auto; | margin: 0 auto; | ||||
| @@ -15,7 +15,10 @@ | |||||
| <van-field v-model="queryParams.productName" :border="false" label="产品通用名称" placeholder="请输入产品通用名称" input-align="right" /> | <van-field v-model="queryParams.productName" :border="false" label="产品通用名称" placeholder="请输入产品通用名称" input-align="right" /> | ||||
| </div> | </div> | ||||
| <p class="submitButton" @click="goSubmit">立即查询</p> | |||||
| <div class="submitButton"> | |||||
| <p @click="getList('search')">立即查询</p> | |||||
| <p @click="clearSearch">重置</p> | |||||
| </div> | |||||
| <div class="scroll_box"> | <div class="scroll_box"> | ||||
| <van-list | <van-list | ||||
| @@ -80,8 +83,12 @@ | |||||
| // this.getDictionaries() | // this.getDictionaries() | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | |||||
| getList(type){ | |||||
| var _this = this; | var _this = this; | ||||
| if (type == 'search'){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| } | |||||
| listFeed(_this.queryParams).then(response => { | listFeed(_this.queryParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| this.list.push(res); | this.list.push(res); | ||||
| @@ -96,11 +103,8 @@ | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| goSubmit(){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| this.finished = false; | |||||
| this.loading = false; | |||||
| clearSearch(){ | |||||
| location.reload() | |||||
| } | } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -203,14 +207,18 @@ | |||||
| } | } | ||||
| } | } | ||||
| .submitButton{ | .submitButton{ | ||||
| width: 70%; | |||||
| margin: 25PX auto; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| margin: 50px auto; | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| p{ | |||||
| width: 40%; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| } | |||||
| } | } | ||||
| .addFamily{ | .addFamily{ | ||||
| @@ -15,7 +15,10 @@ | |||||
| <van-field v-model="queryParams.productGoodsName" :border="false" label="产品商品名称" placeholder="请输入产品商品名称" input-align="right" /> | <van-field v-model="queryParams.productGoodsName" :border="false" label="产品商品名称" placeholder="请输入产品商品名称" input-align="right" /> | ||||
| </div> | </div> | ||||
| <p class="submitButton" @click="goSubmit">立即查询</p> | |||||
| <div class="submitButton"> | |||||
| <p @click="getList('search')">立即查询</p> | |||||
| <p @click="clearSearch">重置</p> | |||||
| </div> | |||||
| <div class="scroll_box"> | <div class="scroll_box"> | ||||
| <van-list | <van-list | ||||
| @@ -86,8 +89,12 @@ | |||||
| // this.getDictionaries() | // this.getDictionaries() | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | |||||
| getList(type){ | |||||
| var _this = this; | var _this = this; | ||||
| if (type == 'search'){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| } | |||||
| listFertilizer(_this.queryParams).then(response => { | listFertilizer(_this.queryParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| this.list.push(res); | this.list.push(res); | ||||
| @@ -102,11 +109,8 @@ | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| goSubmit(){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| this.finished = false; | |||||
| this.loading = false; | |||||
| clearSearch(){ | |||||
| location.reload() | |||||
| } | } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -296,14 +300,18 @@ | |||||
| } | } | ||||
| } | } | ||||
| .submitButton{ | .submitButton{ | ||||
| width: 70%; | |||||
| margin: 25PX auto; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| margin: 50px auto; | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| p{ | |||||
| width: 40%; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| } | |||||
| } | } | ||||
| .addFamily{ | .addFamily{ | ||||
| @@ -54,7 +54,11 @@ | |||||
| /> | /> | ||||
| </div> | </div> | ||||
| <p class="submitButton" @click="goSubmit">立即查询</p> | |||||
| <div class="submitButton"> | |||||
| <p @click="getList('search')">立即查询</p> | |||||
| <p @click="clearSearch">重置</p> | |||||
| </div> | |||||
| <div class="scroll_box"> | <div class="scroll_box"> | ||||
| <van-list | <van-list | ||||
| v-model="loading" | v-model="loading" | ||||
| @@ -140,8 +144,12 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | |||||
| getList(type){ | |||||
| var _this = this; | var _this = this; | ||||
| if (type == 'search'){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| } | |||||
| listProduct(_this.queryParams).then(response => { | listProduct(_this.queryParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| // res.businessType = res.businessType == '' ? '' : this.selectDictLabel(this.businessTypeOptions, res.businessType); | // res.businessType = res.businessType == '' ? '' : this.selectDictLabel(this.businessTypeOptions, res.businessType); | ||||
| @@ -167,12 +175,8 @@ | |||||
| this.queryParams.agent = data.value; | this.queryParams.agent = data.value; | ||||
| this.showAgent = false; | this.showAgent = false; | ||||
| }, | }, | ||||
| goSubmit(){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| this.finished = false; | |||||
| this.loading = false; | |||||
| // this.getList(); | |||||
| clearSearch(){ | |||||
| location.reload() | |||||
| } | } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -363,14 +367,18 @@ | |||||
| } | } | ||||
| } | } | ||||
| .submitButton{ | .submitButton{ | ||||
| width: 70%; | |||||
| margin: 50px auto; | margin: 50px auto; | ||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| p{ | |||||
| width: 40%; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| } | |||||
| } | } | ||||
| .scroll_box{ | .scroll_box{ | ||||
| height: calc(100vh - 100px - 200PX - 100PX); | height: calc(100vh - 100px - 200PX - 100PX); | ||||
| @@ -9,13 +9,16 @@ | |||||
| <div class="main"> | <div class="main"> | ||||
| <div class="main_box"> | <div class="main_box"> | ||||
| <van-field v-model="value" :border="false" label="证书编号" placeholder="请输入证书编号" input-align="right" /> | |||||
| <van-field v-model="value" :border="false" label="产品名称" placeholder="请输入产品名称" input-align="right" /> | |||||
| <van-field v-model="value" :border="false" label="产品类别" placeholder="请输入产品类别" input-align="right" /> | |||||
| <van-field v-model="value" :border="false" label="农产品类型" placeholder="请输入农产品类型" input-align="right" /> | |||||
| <van-field v-model="queryParams.recordCode" :border="false" label="证书编号" placeholder="请输入证书编号" input-align="right" /> | |||||
| <van-field v-model="queryParams.productGoodsName" :border="false" label="产品名称" placeholder="请输入产品名称" input-align="right" /> | |||||
| <van-field v-model="queryParams.factory" :border="false" label="生产厂家" placeholder="请输入生产厂家" input-align="right" /> | |||||
| <van-field v-model="queryParams.productName" :border="false" label="通用名称" placeholder="请输入通用名称" input-align="right" /> | |||||
| </div> | </div> | ||||
| <p class="submitButton">立即查询</p> | |||||
| <div class="submitButton"> | |||||
| <p @click="getList('search')">立即查询</p> | |||||
| <p @click="clearSearch">重置</p> | |||||
| </div> | |||||
| <div class="scroll_box"> | <div class="scroll_box"> | ||||
| <van-list | <van-list | ||||
| @@ -84,8 +87,12 @@ | |||||
| }); | }); | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | |||||
| getList(type){ | |||||
| var _this = this; | var _this = this; | ||||
| if (type == 'search'){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| } | |||||
| listAgri(_this.queryParams).then(response => { | listAgri(_this.queryParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| res.productType = res.productType == '' ? '' : this.selectDictLabel(this.productTypeOptions, res.productType); | res.productType = res.productType == '' ? '' : this.selectDictLabel(this.productTypeOptions, res.productType); | ||||
| @@ -101,11 +108,8 @@ | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| goSubmit(){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| this.finished = false; | |||||
| this.loading = false; | |||||
| clearSearch(){ | |||||
| location.reload() | |||||
| } | } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -208,14 +212,18 @@ | |||||
| } | } | ||||
| } | } | ||||
| .submitButton{ | .submitButton{ | ||||
| width: 70%; | |||||
| margin: 25PX auto; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| margin: 50px auto; | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| p{ | |||||
| width: 40%; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| } | |||||
| } | } | ||||
| .addFamily{ | .addFamily{ | ||||
| @@ -15,7 +15,10 @@ | |||||
| <van-field v-model="queryParams.recordOrg" :border="false" label="审定登记单位" placeholder="请输入审定登记单位" input-align="right" /> | <van-field v-model="queryParams.recordOrg" :border="false" label="审定登记单位" placeholder="请输入审定登记单位" input-align="right" /> | ||||
| </div> | </div> | ||||
| <p class="submitButton" @click="goSubmit">立即查询</p> | |||||
| <div class="submitButton"> | |||||
| <p @click="getList('search')">立即查询</p> | |||||
| <p @click="clearSearch">重置</p> | |||||
| </div> | |||||
| <div class="scroll_box"> | <div class="scroll_box"> | ||||
| <van-list | <van-list | ||||
| @@ -81,8 +84,12 @@ | |||||
| // this.getDictionaries() | // this.getDictionaries() | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | |||||
| getList(type){ | |||||
| var _this = this; | var _this = this; | ||||
| if (type == 'search'){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| } | |||||
| listSeed(_this.queryParams).then(response => { | listSeed(_this.queryParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| this.list.push(res); | this.list.push(res); | ||||
| @@ -97,11 +104,8 @@ | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| goSubmit(){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| this.finished = false; | |||||
| this.loading = false; | |||||
| clearSearch(){ | |||||
| location.reload() | |||||
| } | } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -192,14 +196,18 @@ | |||||
| } | } | ||||
| } | } | ||||
| .submitButton{ | .submitButton{ | ||||
| width: 70%; | |||||
| margin: 25PX auto; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| margin: 50px auto; | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| p{ | |||||
| width: 40%; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| } | |||||
| } | } | ||||
| /deep/.van-cell__title{ | /deep/.van-cell__title{ | ||||
| .tt{ | .tt{ | ||||
| @@ -15,7 +15,10 @@ | |||||
| <van-field v-model="queryParams.productName" :border="false" label="产品通用名称" placeholder="请输入产品通用名称" input-align="right" /> | <van-field v-model="queryParams.productName" :border="false" label="产品通用名称" placeholder="请输入产品通用名称" input-align="right" /> | ||||
| </div> | </div> | ||||
| <p class="submitButton" @click="goSubmit">立即查询</p> | |||||
| <div class="submitButton"> | |||||
| <p @click="getList('search')">立即查询</p> | |||||
| <p @click="clearSearch">重置</p> | |||||
| </div> | |||||
| <div class="scroll_box"> | <div class="scroll_box"> | ||||
| <van-list | <van-list | ||||
| @@ -80,8 +83,12 @@ | |||||
| // this.getDictionaries() | // this.getDictionaries() | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | |||||
| getList(type){ | |||||
| var _this = this; | var _this = this; | ||||
| if (type == 'search'){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| } | |||||
| listGmp(_this.queryParams).then(response => { | listGmp(_this.queryParams).then(response => { | ||||
| response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
| this.list.push(res); | this.list.push(res); | ||||
| @@ -96,11 +103,8 @@ | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| goSubmit(){ | |||||
| this.list = []; | |||||
| this.queryParams.pageNum = 1 ; | |||||
| this.finished = false; | |||||
| this.loading = false; | |||||
| clearSearch(){ | |||||
| location.reload() | |||||
| } | } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -198,14 +202,18 @@ | |||||
| } | } | ||||
| } | } | ||||
| .submitButton{ | .submitButton{ | ||||
| width: 70%; | |||||
| margin: 25PX auto; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| margin: 50px auto; | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| p{ | |||||
| width: 40%; | |||||
| background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| height: 70px; | |||||
| line-height: 70px; | |||||
| border-radius: 8PX; | |||||
| } | |||||
| } | } | ||||
| .addFamily{ | .addFamily{ | ||||
| @@ -1,12 +1,9 @@ | |||||
| <template> | <template> | ||||
| <div class="app-container"> | <div class="app-container"> | ||||
| <van-nav-bar | |||||
| title="待办事项" | |||||
| fixed | |||||
| placeholder | |||||
| left-arrow | |||||
| @click-left="onClickLeft" | |||||
| /> | |||||
| <div class="header_main"> | |||||
| 待办事项 | |||||
| <div class="return_btn" @click="onClickLeft"></div> | |||||
| </div> | |||||
| <van-tabs> | <van-tabs> | ||||
| <van-tab title="待办事项"> | <van-tab title="待办事项"> | ||||
| @@ -25,15 +22,15 @@ | |||||
| <van-cell | <van-cell | ||||
| v-for="(item,index) in taskList" | v-for="(item,index) in taskList" | ||||
| :key="index" | :key="index" | ||||
| :value="item.formData.createTime == null ? '' : item.formData.createTime.substr(5,5)" | |||||
| :value="item.formData.createTime == null ? '' : item.createTime.substr(0,10)" | |||||
| :to="{ | :to="{ | ||||
| name:item.formData.activityBusinessType == '21' ? 'schemeDetail':'caseDetail', | |||||
| query:{ | |||||
| id:item.formData.activityBusinessType == '21' ? item.formData.id:item.formData.caseId, | |||||
| caseProgress:item.formData.activityBusinessType == '21' ? '': item.formData.activityBusinessType == '22' ? 2:item.formData.activityBusinessType == '24' ? 4:item.formData.activityBusinessType == '25' ? 5:'', | |||||
| type:'waiting' | |||||
| } | |||||
| }" | |||||
| name:item.formData.activityBusinessType == '21' ? 'schemeDetail':'lawEnforcementTaskHandleProcessing', | |||||
| query:{ | |||||
| id:item.formData.activityBusinessType == '21' ? item.formData.id:item.formData.caseId, | |||||
| caseProgress:item.formData.activityBusinessType == '21' ? '': item.formData.activityBusinessType == '22' ? 2:item.formData.activityBusinessType == '24' ? 4:item.formData.activityBusinessType == '25' ? 5:'', | |||||
| type:'waiting' | |||||
| } | |||||
| }" | |||||
| > | > | ||||
| <template #title> | <template #title> | ||||
| <span class="tap">{{selectDictLabel(activityBusinessTypeOptions,item.formData.activityBusinessType).substr(2,2)}}</span> | <span class="tap">{{selectDictLabel(activityBusinessTypeOptions,item.formData.activityBusinessType).substr(2,2)}}</span> | ||||
| @@ -60,7 +57,7 @@ | |||||
| <van-cell | <van-cell | ||||
| v-for="(item,index) in taskDoneList" | v-for="(item,index) in taskDoneList" | ||||
| :key="index" | :key="index" | ||||
| :value="item.formData.createTime == null ? '' : item.formData.createTime.substr(5,5)" | |||||
| :value="item.formData.createTime == null ? '' : item.endTime.substr(0,10)" | |||||
| :to="{ | :to="{ | ||||
| name:item.formData.activityBusinessType == '21' ? 'schemeDetail':'caseDetail', | name:item.formData.activityBusinessType == '21' ? 'schemeDetail':'caseDetail', | ||||
| query:{ | query:{ | ||||
| @@ -79,8 +76,6 @@ | |||||
| </van-list> | </van-list> | ||||
| </van-tab> | </van-tab> | ||||
| </van-tabs> | </van-tabs> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| @@ -122,9 +117,9 @@ export default { | |||||
| taskId: null, | taskId: null, | ||||
| taskName: null, | taskName: null, | ||||
| systemType: 26, | systemType: 26, | ||||
| orderByColumn: "A.ID_", | |||||
| activityBusinessType:'', | activityBusinessType:'', | ||||
| isAsc:'' | |||||
| orderByColumn: "A.CREATE_TIME_", | |||||
| isAsc: "desc", | |||||
| }, | }, | ||||
| // 查询参数 | // 查询参数 | ||||
| queryParams: { | queryParams: { | ||||
| @@ -133,9 +128,9 @@ export default { | |||||
| taskId: null, | taskId: null, | ||||
| taskName: null, | taskName: null, | ||||
| systemType: 26, | systemType: 26, | ||||
| orderByColumn: "A.ID_", | |||||
| activityBusinessType:'', | activityBusinessType:'', | ||||
| isAsc:'' | |||||
| orderByColumn: "A.END_TIME_", | |||||
| isAsc: "desc", | |||||
| }, | }, | ||||
| //新闻集合 | //新闻集合 | ||||
| workList:[], | workList:[], | ||||
| @@ -240,6 +235,41 @@ export default { | |||||
| font-family: SourceHanSansCNBold; | font-family: SourceHanSansCNBold; | ||||
| src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); | src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); | ||||
| } | } | ||||
| .jg{ | |||||
| height: 180PX; | |||||
| } | |||||
| .header_main{ | |||||
| /*height: 116px;*/ | |||||
| background: url('../../../../static/images/lawEnforcement/new/header_bg.png') no-repeat; | |||||
| background-size: 100% 100%; | |||||
| /*position: fixed;*/ | |||||
| top: 0; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| font-size: 36px; | |||||
| line-height: 116px; | |||||
| text-align: center; | |||||
| color: #fff; | |||||
| z-index: 999; | |||||
| .return_btn{ | |||||
| width: 24px; | |||||
| height: 43.2px; | |||||
| background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
| background-size: 20px 36px; | |||||
| position: absolute; | |||||
| left: 38px; | |||||
| top: 36px; | |||||
| } | |||||
| .add_btn{ | |||||
| width: 56.4px; | |||||
| height: 40.8px; | |||||
| background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
| background-size: 47px 34px; | |||||
| position: absolute; | |||||
| right: 38px; | |||||
| top: 36px; | |||||
| } | |||||
| } | |||||
| .van-list{ | .van-list{ | ||||
| width: 96%; | width: 96%; | ||||
| margin: 0 auto; | margin: 0 auto; | ||||
| @@ -0,0 +1,68 @@ | |||||
| <template> | |||||
| <div class="fotter"> | |||||
| <router-view /> | |||||
| <van-tabbar route active-color="#33db89" @change="onChange" class="aa"> | |||||
| <van-tabbar-item to="/newBusinessEntity/index"> | |||||
| <span>全部</span> | |||||
| <template #icon="props"> | |||||
| <img src="../../assets/images/Newbusinessentity/001_03.jpg" /> | |||||
| </template> | |||||
| </van-tabbar-item> | |||||
| <van-tabbar-item to="/newBusinessEntity/index"> | |||||
| <template > | |||||
| <img src="../../assets/images/Newbusinessentity/001_05.jpg" /> | |||||
| </template> | |||||
| <p>供求</p> | |||||
| </van-tabbar-item> | |||||
| <!-- <van-tabbar-item replace to=""> | |||||
| 供求 | |||||
| <template #icon="props"> | |||||
| <img :src="props.active ? '../../assets/images/Newbusinessentity/001_05.jpg' : '../../assets/images/Newbusinessentity/001_05.jpg'" /> | |||||
| </template> | |||||
| </van-tabbar-item> --> | |||||
| <!-- <van-tabbar-item replace to="/newBusinessEntity/index" icon="home-o">全部</van-tabbar-item> --> | |||||
| <!-- <van-tabbar-item replace to="/search" icon="search">供求</van-tabbar-item> --> | |||||
| <van-tabbar-item replace to="/newBusinessEntity/login" icon="search" | |||||
| >我的</van-tabbar-item | |||||
| > | |||||
| </van-tabbar> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| name: "conter", | |||||
| data() { | |||||
| return { | |||||
| active: 0, | |||||
| icon: { | |||||
| active: "../../assets/images/Newbusinessentity/001_03.jpg", | |||||
| inactive: "https://img01.yzcdn.cn/vant/user-inactive.png", | |||||
| }, | |||||
| }; | |||||
| }, | |||||
| methods: { | |||||
| onChange(index) { | |||||
| this.active = index; | |||||
| }, | |||||
| }, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .fotter { | |||||
| position: relative; | |||||
| height: 0.1rem; | |||||
| } | |||||
| .aa { | |||||
| position: absolute; | |||||
| } | |||||
| .van-tabbar-item__text{ | |||||
| display: flex; | |||||
| flex-direction:column; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,496 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <div class="box"> | |||||
| <div class="app_top"> | |||||
| <div class="topa"> | |||||
| <div class="appa-left"> | |||||
| <span>></span> | |||||
| <span>张的村</span> | |||||
| </div> | |||||
| <div class="appa_middeo"> | |||||
| <div> | |||||
| <input type="text" class="serch" /> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/0_03.png" | |||||
| alt="" | |||||
| class="serchimgs" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="appa_right"> | |||||
| <img src="../../assets/images/Newbusinessentity/0_02.png" alt="" /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="topb"> | |||||
| <div class="namesa">您好,王海明</div> | |||||
| <div class="Serviceeva">经营主体掌上服务平台</div> | |||||
| </div> | |||||
| <div class="topc"> | |||||
| <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> | |||||
| <van-swipe-item>1</van-swipe-item> | |||||
| <van-swipe-item>2</van-swipe-item> | |||||
| <van-swipe-item>3</van-swipe-item> | |||||
| <van-swipe-item>4</van-swipe-item> | |||||
| </van-swipe> | |||||
| </div> | |||||
| </div> | |||||
| <div class="middle"> | |||||
| <ul class="local-nav"> | |||||
| <li | |||||
| @click=" | |||||
| $router.push( | |||||
| { | |||||
| name: 'newsBulletin', | |||||
| }, | |||||
| () => {}, | |||||
| () => {} | |||||
| ) | |||||
| " | |||||
| > | |||||
| <!-- <a href="#"> --> | |||||
| <span class="local-nav-icon1 local-nav-icon"> | |||||
| <img src="../../assets/images/Newbusinessentity/2.jpg" alt="" /> | |||||
| </span> | |||||
| <span class="news">新闻公告</span> | |||||
| <!-- </a> --> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="local-nav-icon2 local-nav-icon"> | |||||
| <img src="../../assets/images/Newbusinessentity/7.png" alt="" /> | |||||
| </span> | |||||
| <span class="news">项目指南</span> | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="local-nav-icon3 local-nav-icon"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/book_icon_214994.png" | |||||
| alt="" | |||||
| /> | |||||
| </span> | |||||
| <span class="news">政策法规</span> | |||||
| </a> | |||||
| </li> | |||||
| <li | |||||
| @click=" | |||||
| $router.push( | |||||
| { | |||||
| name: 'newBusinlistBody', | |||||
| }, | |||||
| () => {}, | |||||
| () => {} | |||||
| ) | |||||
| " | |||||
| > | |||||
| <!-- <a href="#"> --> | |||||
| <span class="local-nav-icon4 local-nav-icon"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/box_icon_214997.png" | |||||
| alt="" | |||||
| /> | |||||
| </span> | |||||
| <span class="news">主体名录</span> | |||||
| <!-- </a> --> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="local-nav-icon5 local-nav-icon"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/card_credit_icon_214769.png" | |||||
| alt="" | |||||
| /> | |||||
| </span> | |||||
| <span class="news">金融服务</span> | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="local-nav-icon6 local-nav-icon"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/dashboard_icon_2148461.png" | |||||
| alt="" | |||||
| /> | |||||
| </span> | |||||
| <span class="news">农技服务</span> | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="local-nav-icon7 local-nav-icon"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/66_03.jpg" | |||||
| alt="" | |||||
| /> | |||||
| </span> | |||||
| <span class="news">价格看板</span> | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="local-nav-icon8 local-nav-icon"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/cube_icon_2150142.png" | |||||
| alt="" | |||||
| /> | |||||
| </span> | |||||
| <span class="news">培训活动</span> | |||||
| </a> | |||||
| </li> | |||||
| </ul> | |||||
| </div> | |||||
| <div class="bottom"> | |||||
| <div class="bttoma"> | |||||
| <div class="latestnews">最新资讯</div> | |||||
| <div class="more">更多</div> | |||||
| </div> | |||||
| <div class="bottomb"> | |||||
| <ul class="content"> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="content-icon"></span> | |||||
| <span class="Agricultural">农业服务App上线通知!</span> | |||||
| <span class="Comprehensive" | |||||
| >新型经营主体综合服务APP今日上线</span | |||||
| > | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="content-icon"></span> | |||||
| <span class="Agricultural">农业服务App上线通知!</span> | |||||
| <span class="Comprehensive" | |||||
| >新型经营主体综合服务APP今日上线</span | |||||
| > | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="content-icon"></span> | |||||
| <span class="Agricultural">农业服务App上线通知!</span> | |||||
| <span class="Comprehensive" | |||||
| >新型经营主体综合服务APP今日上线</span | |||||
| > | |||||
| </a> | |||||
| </li> | |||||
| <li> | |||||
| <a href="#"> | |||||
| <span class="content-icon"></span> | |||||
| <span class="Agricultural">农业服务App上线通知!</span> | |||||
| <span class="Comprehensive" | |||||
| >新型经营主体综合服务APP今日上线</span | |||||
| > | |||||
| </a> | |||||
| </li> | |||||
| </ul> | |||||
| </div> | |||||
| </div> | |||||
| <!-- <div class="fotter"> | |||||
| <van-tabbar v-model="active" class="aa"> | |||||
| <van-tabbar-item name="home" icon="home-o">全部</van-tabbar-item> | |||||
| <van-tabbar-item name="search" icon="search">供求</van-tabbar-item> | |||||
| <van-tabbar-item name="friends" icon="friends-o">我的</van-tabbar-item> | |||||
| </van-tabbar> | |||||
| </div> --> | |||||
| <tabbar></tabbar> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import tabbar from "./conter.vue"; | |||||
| export default { | |||||
| components: { | |||||
| tabbar, | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| active: 0, | |||||
| }; | |||||
| }, | |||||
| methods: { | |||||
| backHistory() { | |||||
| this.$router.go(-1); | |||||
| }, | |||||
| }, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .box { | |||||
| width: 100%; | |||||
| } | |||||
| .app_top { | |||||
| position: relative; | |||||
| background: red; | |||||
| width: 100%; | |||||
| height: 6.5rem; | |||||
| overflow: hidden; | |||||
| background: url("../../assets/images/Newbusinessentity/0_01.jpg") no-repeat; | |||||
| .topa { | |||||
| width: 100%; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| margin-top: 0.3rem; | |||||
| .appa-left { | |||||
| height: 0.8rem; | |||||
| background: 3rem; | |||||
| margin-left: 0.2rem; | |||||
| color: white; | |||||
| line-height: 0.7rem; | |||||
| } | |||||
| .appa_right { | |||||
| margin-top: 0.2rem; | |||||
| margin-right: 0.5rem; | |||||
| } | |||||
| } | |||||
| .topb { | |||||
| .namesa { | |||||
| font-size: 0.4rem; | |||||
| margin: 0.4rem 0 0.3rem 0.2rem; | |||||
| font-weight: bold; | |||||
| } | |||||
| .Serviceeva { | |||||
| font-weight: normal; | |||||
| font-size: 0.34rem; | |||||
| margin-left: 0.2rem; | |||||
| } | |||||
| } | |||||
| .topc { | |||||
| width: 8.5rem; | |||||
| height: 3.3rem; | |||||
| position: absolute; | |||||
| border-radius: 0.3rem; | |||||
| bottom: 0.2rem; | |||||
| left: 0.8rem; | |||||
| .my-swipe .van-swipe-item[data-v-768abd1c] { | |||||
| margin-top: 0.2rem; | |||||
| line-height: 3rem; | |||||
| border-radius: 0.3rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| .appa_middeo { | |||||
| position: relative; | |||||
| .serch { | |||||
| background: white; | |||||
| width: 6rem; | |||||
| height: 0.8rem; | |||||
| border-radius: 5rem; | |||||
| } | |||||
| .serchimgs { | |||||
| position: absolute; | |||||
| left: 0.5rem; | |||||
| top: 0.2rem; | |||||
| } | |||||
| } | |||||
| .my-swipe .van-swipe-item { | |||||
| color: #fff; | |||||
| font-size: 20px; | |||||
| line-height: 150px; | |||||
| text-align: center; | |||||
| background-color: #45d385; | |||||
| } | |||||
| .middle { | |||||
| width: 8.5rem; | |||||
| height: 4rem; | |||||
| // background: red; | |||||
| margin: 0 auto; | |||||
| .local-nav { | |||||
| display: flex; | |||||
| flex-wrap: wrap; | |||||
| li { | |||||
| text-align: center; | |||||
| margin: 0 auto; | |||||
| flex: 23%; | |||||
| display: block; | |||||
| width: 2rem; | |||||
| height: 2rem; | |||||
| // background: blue; | |||||
| .local-nav-icon { | |||||
| position: relative; | |||||
| display: block; | |||||
| width: 1.3rem; | |||||
| height: 1.3rem; | |||||
| background-size: 1.3rem; | |||||
| margin-left: 0.4rem; | |||||
| } | |||||
| .local-nav-icon1 { | |||||
| // position: relative; | |||||
| // display: block; | |||||
| // width: 1.3rem; | |||||
| // height: 1.3rem; | |||||
| background: url("../../assets/images/Newbusinessentity/1.png") no-repeat; | |||||
| // background-size: 1.3rem; | |||||
| // margin-left: 0.4rem; | |||||
| // img { | |||||
| // position: absolute; | |||||
| // top: 0.3rem; | |||||
| // left: 0.3rem; | |||||
| // } | |||||
| img { | |||||
| position: absolute; | |||||
| top: 0.3rem; | |||||
| left: 0.3rem; | |||||
| } | |||||
| } | |||||
| .local-nav-icon2 { | |||||
| background: url("../../assets/images/Newbusinessentity/1731.png") | |||||
| no-repeat; | |||||
| img { | |||||
| position: absolute; | |||||
| top: 0.13rem; | |||||
| right: 0.13rem; | |||||
| } | |||||
| } | |||||
| .local-nav-icon3 { | |||||
| background: url("../../assets/images/Newbusinessentity/17312.png") | |||||
| no-repeat; | |||||
| img { | |||||
| position: absolute; | |||||
| top: 0.13rem; | |||||
| right: 0.13rem; | |||||
| } | |||||
| } | |||||
| .local-nav-icon4 { | |||||
| background: url("../../assets/images/Newbusinessentity/17313.png") | |||||
| no-repeat; | |||||
| img { | |||||
| position: absolute; | |||||
| top: 0.13rem; | |||||
| right: 0.13rem; | |||||
| } | |||||
| } | |||||
| .local-nav-icon5 { | |||||
| background: url("../../assets/images/Newbusinessentity/17314.png") | |||||
| no-repeat; | |||||
| img { | |||||
| position: absolute; | |||||
| top: 0.19rem; | |||||
| right: 0.07rem; | |||||
| } | |||||
| } | |||||
| .local-nav-icon6 { | |||||
| background: url("../../assets/images/Newbusinessentity/17315.png") | |||||
| no-repeat; | |||||
| img { | |||||
| position: absolute; | |||||
| top: 0.13rem; | |||||
| right: 0.13rem; | |||||
| } | |||||
| } | |||||
| .local-nav-icon7 { | |||||
| background: url("../../assets/images/Newbusinessentity/17316.png") | |||||
| no-repeat; | |||||
| img { | |||||
| position: absolute; | |||||
| top: 0.25rem; | |||||
| right: 0.28rem; | |||||
| } | |||||
| } | |||||
| .local-nav-icon8 { | |||||
| background: url("../../assets/images/Newbusinessentity/17317.png") | |||||
| no-repeat; | |||||
| img { | |||||
| position: absolute; | |||||
| top: 0.17rem; | |||||
| right: 0.17rem; | |||||
| } | |||||
| } | |||||
| .news { | |||||
| display: inline-block; | |||||
| font-size: 0.35rem; | |||||
| margin-top: 0.1rem; | |||||
| color: black; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .bottom { | |||||
| width: 100%; | |||||
| height: 9.7rem; | |||||
| .bttoma { | |||||
| width: 8.5rem; | |||||
| height: 1.5rem; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| margin: 0 auto; | |||||
| .latestnews { | |||||
| font-size: 0.5rem; | |||||
| font-weight: bold; | |||||
| margin-left: 0.23rem; | |||||
| } | |||||
| .more { | |||||
| font-size: 0.32rem; | |||||
| color: #adadad; | |||||
| margin-top: 0.1rem; | |||||
| margin-right: 0.23rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| .bottomb { | |||||
| width: 8.5rem; | |||||
| margin: 0 auto; | |||||
| .content { | |||||
| display: block; | |||||
| width: 8.5rem; | |||||
| display: flex; | |||||
| flex-wrap: wrap; | |||||
| li { | |||||
| width: 4rem; | |||||
| flex: 1; | |||||
| } | |||||
| .Agricultural { | |||||
| display: block; | |||||
| color: #000000; | |||||
| width: 4rem; | |||||
| font-size: 0.34rem; | |||||
| font-weight: normal; | |||||
| } | |||||
| .Comprehensive { | |||||
| display: block; | |||||
| width: 4rem; | |||||
| color: #7c7c7c; | |||||
| } | |||||
| .content-icon { | |||||
| display: block; | |||||
| width: 4.4rem; | |||||
| height: 2.3rem; | |||||
| background: url("../../assets/images/Newbusinessentity/3_03.jpg") | |||||
| no-repeat; | |||||
| background-size: 4rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| .fotter { | |||||
| margin-top: 1rem; | |||||
| } | |||||
| // .aa{ | |||||
| // position: absolute; | |||||
| // bottom: -0.8rem; | |||||
| // } | |||||
| </style> | |||||
| @@ -0,0 +1,309 @@ | |||||
| <template> | |||||
| <div> | |||||
| <div class="box"> | |||||
| <div class="top"> | |||||
| <div class="topone"> | |||||
| <van-icon name="arrow-left" class="leftarrow" @click="backHistory" /> | |||||
| <span class="newsbull"> 主体名录 </span> | |||||
| <span | |||||
| class="icons" | |||||
| @click=" | |||||
| $router.push( | |||||
| { | |||||
| name: 'newBusinessbody', | |||||
| }, | |||||
| () => {}, | |||||
| () => {} | |||||
| ) | |||||
| " | |||||
| ></span> | |||||
| </div> | |||||
| </div> | |||||
| <div class="content"> | |||||
| <div class="contentone"> | |||||
| <div class="comname"> | |||||
| <div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/07104301.png" | |||||
| alt="" | |||||
| /> | |||||
| </div> | |||||
| <!-- 内容 --> | |||||
| <div class="comnameright"> | |||||
| <span class="corporation">唐山市五四刘四有限公司</span> | |||||
| <div class="delname"> | |||||
| <span class="Peopleicon"></span><span>刘永昌</span> | |||||
| <span class="delicon"></span><span>17762000000</span> | |||||
| </div> | |||||
| <div class="mainbusiness"> | |||||
| 主营业务:蔬菜种植、生猪肉、蔬菜供 应、禽畜蛋类... | |||||
| </div> | |||||
| <div class="establishedtime">成立时间:2022-3-3</div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/133_03.jpg" | |||||
| alt="" | |||||
| class="sprita" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="comname"> | |||||
| <div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/07104301.png" | |||||
| alt="" | |||||
| /> | |||||
| </div> | |||||
| <!-- 内容 --> | |||||
| <div class="comnameright"> | |||||
| <span class="corporation">唐山市五四刘四有限公司</span> | |||||
| <div class="delname"> | |||||
| <span class="Peopleicon"></span><span>刘永昌</span> | |||||
| <span class="delicon"></span><span>17762000000</span> | |||||
| </div> | |||||
| <div class="mainbusiness"> | |||||
| 主营业务:蔬菜种植、生猪肉、蔬菜供 应、禽畜蛋类... | |||||
| </div> | |||||
| <div class="establishedtime">成立时间:2022-3-3</div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/133_03.jpg" | |||||
| alt="" | |||||
| class="sprita" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="comname"> | |||||
| <div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/07104301.png" | |||||
| alt="" | |||||
| /> | |||||
| </div> | |||||
| <!-- 内容 --> | |||||
| <div class="comnameright"> | |||||
| <span class="corporation">唐山市五四刘四有限公司</span> | |||||
| <div class="delname"> | |||||
| <span class="Peopleicon"></span><span>刘永昌</span> | |||||
| <span class="delicon"></span><span>17762000000</span> | |||||
| </div> | |||||
| <div class="mainbusiness"> | |||||
| 主营业务:蔬菜种植、生猪肉、蔬菜供 应、禽畜蛋类... | |||||
| </div> | |||||
| <div class="establishedtime">成立时间:2022-3-3</div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/133_03.jpg" | |||||
| alt="" | |||||
| class="sprita" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="comname"> | |||||
| <div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/07104301.png" | |||||
| alt="" | |||||
| /> | |||||
| </div> | |||||
| <!-- 内容 --> | |||||
| <div class="comnameright"> | |||||
| <span class="corporation">唐山市五四刘四有限公司</span> | |||||
| <div class="delname"> | |||||
| <span class="Peopleicon"></span><span>刘永昌</span> | |||||
| <span class="delicon"></span><span>17762000000</span> | |||||
| </div> | |||||
| <div class="mainbusiness"> | |||||
| 主营业务:蔬菜种植、生猪肉、蔬菜供 应、禽畜蛋类... | |||||
| </div> | |||||
| <div class="establishedtime">成立时间:2022-3-3</div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/133_03.jpg" | |||||
| alt="" | |||||
| class="sprita" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="comname"> | |||||
| <div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/07104301.png" | |||||
| alt="" | |||||
| /> | |||||
| </div> | |||||
| <!-- 内容 --> | |||||
| <div class="comnameright"> | |||||
| <span class="corporation">唐山市五四刘四有限公司</span> | |||||
| <div class="delname"> | |||||
| <span class="Peopleicon"></span><span>刘永昌</span> | |||||
| <span class="delicon"></span><span>17762000000</span> | |||||
| </div> | |||||
| <div class="mainbusiness"> | |||||
| 主营业务:蔬菜种植、生猪肉、蔬菜供 应、禽畜蛋类... | |||||
| </div> | |||||
| <div class="establishedtime">成立时间:2022-3-3</div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/133_03.jpg" | |||||
| alt="" | |||||
| class="sprita" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="comname"> | |||||
| <div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/07104301.png" | |||||
| alt="" | |||||
| /> | |||||
| </div> | |||||
| <!-- 内容 --> | |||||
| <div class="comnameright"> | |||||
| <span class="corporation">唐山市五四刘四有限公司</span> | |||||
| <div class="delname"> | |||||
| <span class="Peopleicon"></span><span>刘永昌</span> | |||||
| <span class="delicon"></span><span>17762000000</span> | |||||
| </div> | |||||
| <div class="mainbusiness"> | |||||
| 主营业务:蔬菜种植、生猪肉、蔬菜供 应、禽畜蛋类... | |||||
| </div> | |||||
| <div class="establishedtime">成立时间:2022-3-3</div> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/133_03.jpg" | |||||
| alt="" | |||||
| class="sprita" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="fotter"> | |||||
| <tabbar></tabbar> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import tabbar from "./conter.vue"; | |||||
| export default { | |||||
| components: { | |||||
| tabbar, | |||||
| }, | |||||
| data() { | |||||
| return {}; | |||||
| }, | |||||
| methods: { | |||||
| backHistory() { | |||||
| this.$router.go(-1); | |||||
| }, | |||||
| }, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| span, | |||||
| ul, | |||||
| li { | |||||
| display: block; | |||||
| } | |||||
| .top { | |||||
| width: 100%; | |||||
| height: 2.33rem; | |||||
| background: url("../../assets/images/Newbusinessentity/1_02_01.jpg") no-repeat; | |||||
| overflow: hidden; | |||||
| .topone { | |||||
| width: 100%; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| margin-top: 0.2rem; | |||||
| .leftarrow { | |||||
| color: #ffffff; | |||||
| font-size: 0.5rem; | |||||
| margin: 0.92rem 0 0rem 0.5rem; | |||||
| width: 0.5rem; | |||||
| } | |||||
| .newsbull { | |||||
| color: #ffffff; | |||||
| font-size: 0.5rem; | |||||
| font-weight: normal; | |||||
| margin: 0.8rem auto 0 3rem; | |||||
| } | |||||
| .icons { | |||||
| width: 0.5rem; | |||||
| height: 0.5rem; | |||||
| background: url("../../assets/images/Newbusinessentity/map_icon_150908.png") | |||||
| no-repeat; | |||||
| margin: 0.85rem 0.5rem 0.2rem 0.2rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| .content { | |||||
| width: 100%; | |||||
| background: #f0f0f0; | |||||
| height: 18rem; | |||||
| overflow: hidden; | |||||
| .contentone { | |||||
| margin: 0 auto; | |||||
| width: 93%; | |||||
| height: 10rem; | |||||
| .comnameright { | |||||
| margin-left: 0.2rem; | |||||
| border-radius: 0.2rem; | |||||
| } | |||||
| .comname { | |||||
| width: 99%; | |||||
| display: flex; | |||||
| border-radius: 0.2rem; | |||||
| height: 3.31rem; | |||||
| background: #ffffff; | |||||
| margin-top: 0.5rem; | |||||
| .delname { | |||||
| display: flex; | |||||
| margin-top: 0.2rem; | |||||
| } | |||||
| .corporation { | |||||
| font-size: 0.4rem; | |||||
| font-weight: bold; | |||||
| } | |||||
| .Peopleicon { | |||||
| margin: 0.1rem 0.2rem 0.2rem 0rem; | |||||
| width: 0.3rem; | |||||
| height: 0.3rem; | |||||
| background: url("../../assets/images/Newbusinessentity/user_icon_2058202.png"); | |||||
| } | |||||
| .delicon { | |||||
| margin: 0.1rem 0.2rem 0.2rem 0.6rem; | |||||
| width: 0.28rem; | |||||
| height: 0.3rem; | |||||
| background: url("../../assets/images/Newbusinessentity/phone-call-auricular-symbol-in-black_.png"); | |||||
| } | |||||
| .mainbusiness { | |||||
| color: #326700; | |||||
| font-size: 0.35rem; | |||||
| } | |||||
| .establishedtime { | |||||
| font-size: 0.2rem; | |||||
| color: #8f8f8f; | |||||
| margin-top: 0.3rem; | |||||
| } | |||||
| .sprit { | |||||
| height: 0.3rem; | |||||
| width: 0.2rem; | |||||
| } | |||||
| .sprita { | |||||
| display: block; | |||||
| width: 0.8rem; | |||||
| height: 0.3rem; | |||||
| margin-left: 5rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .fotter[data-v-40d35e05] { | |||||
| height: 1.2rem; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,206 @@ | |||||
| <template> | |||||
| <div> | |||||
| <div class="content"> | |||||
| <div class="servrept"> | |||||
| 新型经济主体掌上<br /> | |||||
| <span class="serc"> 综合服务平台</span> | |||||
| </div> | |||||
| <div class="contbottom"> | |||||
| <div class="toggle"> | |||||
| <button class="nolog">农户登录</button> | |||||
| <button class="qylog">企业登录</button> | |||||
| </div> | |||||
| <div class="register"> | |||||
| <div class="usern"> | |||||
| <span>用户名</span> | |||||
| <input type="text" class="username" placeholder="请输入用户名" /> | |||||
| </div> | |||||
| <div class="passw"> | |||||
| <span class="passhz">密码</span> | |||||
| <input type="text" class="password" placeholder="请输入密码" /> | |||||
| <span class="qhpass"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/2_03.jpg" | |||||
| alt="" | |||||
| /> | |||||
| </span> | |||||
| </div> | |||||
| <div class="loggoto"> | |||||
| <button class="loggo">登录</button> | |||||
| </div> | |||||
| <div class="jumpreg">没有农户账号?点此 <a href="#" @click="$router.push('./register')" >注册</a></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <tabbar class="fotter"></tabbar> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import tabbar from "./conter.vue"; | |||||
| export default { | |||||
| components:{ | |||||
| tabbar | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| active: 0, | |||||
| }; | |||||
| }, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| span, | |||||
| li, | |||||
| ul { | |||||
| display: block; | |||||
| } | |||||
| .content { | |||||
| position: relative; | |||||
| height: 21.2rem; | |||||
| width: 100%; | |||||
| background: url("../../assets/images/Newbusinessentity/333_01.jpg") no-repeat; | |||||
| background-size: 10.16rem; | |||||
| .servrept { | |||||
| font-size: 0.8rem; | |||||
| font-weight: bold; | |||||
| position: absolute; | |||||
| top: 1.7rem; | |||||
| left: 1.8rem; | |||||
| } | |||||
| .serc { | |||||
| margin-left: 0.8rem; | |||||
| } | |||||
| .contbottom { | |||||
| position: absolute; | |||||
| width: 8.7rem; | |||||
| height: 8rem; | |||||
| background: white; | |||||
| border-radius: 0.3rem; | |||||
| top: 10.6rem; | |||||
| left: 0.7rem; | |||||
| .register { | |||||
| height: 5rem; | |||||
| width: 7rem; | |||||
| position: absolute; | |||||
| top: 2rem; | |||||
| left: 0.9rem; | |||||
| //密码 | |||||
| .passw { | |||||
| display: flex; | |||||
| position: relative; | |||||
| top: 0.6rem; | |||||
| background: #eeeeee; | |||||
| height: 0.8rem; | |||||
| width: 7rem; | |||||
| border-radius: 1rem; | |||||
| .passhz { | |||||
| position: absolute; | |||||
| left: 0.6rem; | |||||
| top: 0.14rem; | |||||
| color: #b0b0b0; | |||||
| font-size: 0.36rem; | |||||
| } | |||||
| .password { | |||||
| background: #eeeeee; | |||||
| position: absolute; | |||||
| left: 2rem; | |||||
| // background: pink; | |||||
| height: 0.8rem; | |||||
| width: 3rem; | |||||
| font-size: 0.36rem; | |||||
| color: #dbdbdb; | |||||
| } | |||||
| .qhpass { | |||||
| width: 0.5rem; | |||||
| height: 0.5rem; | |||||
| position: absolute; | |||||
| right: 0.3rem; | |||||
| top: 0.2rem; | |||||
| } | |||||
| } | |||||
| //用户名 | |||||
| .usern { | |||||
| display: flex; | |||||
| position: relative; | |||||
| background: #eeeeee; | |||||
| height: 0.8rem; | |||||
| width: 7rem; | |||||
| border-radius: 1rem; | |||||
| span { | |||||
| position: absolute; | |||||
| left: 0.6rem; | |||||
| top: 0.14rem; | |||||
| color: #b0b0b0; | |||||
| font-size: 0.36rem; | |||||
| } | |||||
| .username { | |||||
| background: #eeeeee; | |||||
| position: absolute; | |||||
| left: 2rem; | |||||
| // background: pink; | |||||
| height: 0.8rem; | |||||
| width: 3rem; | |||||
| font-size: 0.36rem; | |||||
| color: #dbdbdb; | |||||
| } | |||||
| //密码 | |||||
| } | |||||
| } | |||||
| .toggle { | |||||
| position: absolute; | |||||
| top: 0.5rem; | |||||
| left: 0.8rem; | |||||
| width: 7rem; | |||||
| height: 1.2rem; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| .nolog, | |||||
| .qylog { | |||||
| font-size: 0.4rem; | |||||
| font-weight: bold; | |||||
| background: #ffffff; | |||||
| } | |||||
| } | |||||
| .loggoto { | |||||
| position: relative; | |||||
| top: 1.4rem; | |||||
| .loggo { | |||||
| width: 5rem; | |||||
| height: 1rem; | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| background: #41d25e; | |||||
| font-size: 0.4rem; | |||||
| position: absolute; | |||||
| left: 1rem; | |||||
| border-radius: 0.3rem; | |||||
| } | |||||
| } | |||||
| //跳转 | |||||
| .jumpreg{ | |||||
| position: relative; | |||||
| top: 2.8rem; | |||||
| left: 1.7rem; | |||||
| font-weight:normal; | |||||
| font-size: 0.32rem; | |||||
| a{ | |||||
| color:#5bcc5b; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .fotter{ | |||||
| position: relative; | |||||
| height: 0.1rem; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,214 @@ | |||||
| <template> | |||||
| <div> | |||||
| <div class="box"> | |||||
| <div class="top"> | |||||
| <div class="topone"> | |||||
| <van-icon name="arrow-left" @click="backHistory" class="arrowl" /> | |||||
| <div class="weather"> | |||||
| <span class="sun"></span> | |||||
| <span class="cleard">晴天</span> | |||||
| <span class="temperature">20~32℃</span> | |||||
| </div> | |||||
| <div class="province"> | |||||
| <span>山东省</span> | |||||
| <span>烟台市</span> | |||||
| <span>莱州市</span> | |||||
| <van-icon name="arrow" class="arrowr" /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="search"> | |||||
| <input type="text" class="serch" /> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/0_03.png" | |||||
| alt="" | |||||
| class="serchimgs" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="footer"> | |||||
| <van-cell @click="showPopup"> | |||||
| <van-tabs v-model="active"> | |||||
| <van-tab title="农户"></van-tab> | |||||
| <van-tab title="新型经营主体"></van-tab> | |||||
| <van-tab title="经济人"></van-tab> | |||||
| <van-tab title="采购商"></van-tab> | |||||
| </van-tabs> | |||||
| </van-cell> | |||||
| <!-- //弹窗内容 --> | |||||
| <van-popup | |||||
| v-model="show" | |||||
| round | |||||
| position="bottom" | |||||
| :style="{ height: '80%' }" | |||||
| > | |||||
| <div> | |||||
| <!-- tab --> | |||||
| <van-tabs v-model="active" id="cc"> | |||||
| <van-tab title="农户"></van-tab> | |||||
| <van-tab title="新型经营主体"></van-tab> | |||||
| <van-tab title="经济人"></van-tab> | |||||
| <van-tab title="采购商"></van-tab> | |||||
| </van-tabs> | |||||
| <!-- //搜索栏 --> | |||||
| <div class="searchtow"> | |||||
| <input type="text" class="serchtow" /> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/0_03.png" | |||||
| alt="" | |||||
| class="serchimgstow" | |||||
| /> | |||||
| </div> | |||||
| </div> | |||||
| <div class="suoyin"> | |||||
| <van-index-bar> | |||||
| <van-index-anchor index="A" /> | |||||
| <van-cell title="安心超人有限公司" /> | |||||
| <van-cell title="安心超人有限公司" /> | |||||
| <van-cell title="安心超人有限公司" /> | |||||
| <van-index-anchor index="B" /> | |||||
| <van-cell title="百度心超人有限公司" /> | |||||
| <van-cell title="百度心超人有限公司" /> | |||||
| <van-cell title="百度心超人有限公司" /> | |||||
| ... | |||||
| </van-index-bar> | |||||
| </div> | |||||
| </van-popup> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| active: 2, | |||||
| show: false, | |||||
| }; | |||||
| }, | |||||
| methods: { | |||||
| showPopup() { | |||||
| this.show = true; | |||||
| }, | |||||
| backHistory() { | |||||
| this.$router.go(-1); | |||||
| }, | |||||
| }, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| span { | |||||
| display: block; | |||||
| } | |||||
| .top { | |||||
| overflow: hidden; | |||||
| width: 100%; | |||||
| height: 19.5rem; | |||||
| background: url("../../assets/images/Newbusinessentity/56_01.jpg"); | |||||
| .topone { | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| margin-top: 0.2rem; | |||||
| margin-top: 0.9rem; | |||||
| .weather { | |||||
| display: flex; | |||||
| } | |||||
| .sun { | |||||
| color: #696969; | |||||
| width: 0.3rem; | |||||
| height: 0.3rem; | |||||
| background: url("../../assets/images/Newbusinessentity/weather_forecast.png"); | |||||
| margin: 0.25rem 0.2rem 0.2rem 0rem; | |||||
| } | |||||
| .temperature { | |||||
| margin: 0.2rem 0.2rem 0.2rem 0rem; | |||||
| } | |||||
| .cleard { | |||||
| margin: 0.2rem 0.2rem 0.2rem 0rem; | |||||
| } | |||||
| .province { | |||||
| display: flex; | |||||
| width: 3.9rem; | |||||
| height: 0.8rem; | |||||
| background: #45c182; | |||||
| color: #ffffff; | |||||
| border-radius: 0.3rem; | |||||
| font-size: 0.34rem; | |||||
| text-align: center; | |||||
| line-height: 0.8rem; | |||||
| .arrowr { | |||||
| font-size: 0.4rem; | |||||
| margin: 0.2rem 0 0 0.1rem; | |||||
| } | |||||
| span { | |||||
| height: 0.3rem; | |||||
| margin-left: 0.1rem; | |||||
| } | |||||
| } | |||||
| .arrowl { | |||||
| font-size: 0.5rem; | |||||
| font-weight: bold; | |||||
| } | |||||
| } | |||||
| .search { | |||||
| position: relative; | |||||
| height: 0.9rem; | |||||
| top: 0.5rem; | |||||
| left: 0.54rem; | |||||
| } | |||||
| .serch { | |||||
| background: white; | |||||
| width: 9rem; | |||||
| height: 0.8rem; | |||||
| border-radius: 5rem; | |||||
| text-indent: 1rem; | |||||
| // margin: 0.5rem 0.2rem 0.2rem 0.5rem; | |||||
| } | |||||
| .serchimgs { | |||||
| position: absolute; | |||||
| left: 0.5rem; | |||||
| top: 0.2rem; | |||||
| } | |||||
| } | |||||
| .footer { | |||||
| width: 100%; | |||||
| height: 2rem; | |||||
| background: url("../../assets/images/Newbusinessentity/1_02.jpg") no-repeat; | |||||
| overflow: hidden; | |||||
| .searchtow { | |||||
| position: relative; | |||||
| height: 0.9rem; | |||||
| left: 0.54rem; | |||||
| bottom: 1.1rem; | |||||
| } | |||||
| .serchtow { | |||||
| background: white; | |||||
| width: 9rem; | |||||
| height: 0.8rem; | |||||
| border-radius: 5rem; | |||||
| text-indent: 1rem; | |||||
| // margin: 0.5rem 0.2rem 0.2rem 0.5rem; | |||||
| } | |||||
| .serchimgstow { | |||||
| position: absolute; | |||||
| left: 0.5rem; | |||||
| top: 0.2rem; | |||||
| z-index: 20003; | |||||
| } | |||||
| } | |||||
| /deep/ .van-cell { | |||||
| background-color: rgba(110, 190, 125, 0.1) !important; | |||||
| padding: 0rem 0rem; | |||||
| } | |||||
| /deep/ .van-tabs__nav { | |||||
| background-color: rgba(110, 190, 125, 0.2) !important; | |||||
| margin-top: 0.3rem; | |||||
| } | |||||
| #cc { | |||||
| background-color: rgba(110, 190, 125, 0.7) !important; | |||||
| background: url("../../assets/images/Newbusinessentity/1_04_02.jpg") no-repeat; | |||||
| height: 2.7rem; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,257 @@ | |||||
| <template> | |||||
| <div> | |||||
| <div class="box"> | |||||
| <div class="top"> | |||||
| <div class="topone"> | |||||
| <van-icon name="arrow-left" class="leftarrow" @click="backHistory" /> | |||||
| <span class="newsbull"> 新闻公告 </span> | |||||
| </div> | |||||
| <div class="cut"> | |||||
| <button class="notification" @click="notificationa">通知公告</button> | |||||
| <button class="newsdetails" @click="newsdetailsb">新闻详情</button> | |||||
| </div> | |||||
| </div> | |||||
| <div class="content" v-if="show"> | |||||
| <div class="contents" @click="$router.push('./newsDetails') "> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="content contentb" v-else> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">a新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">a新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">a新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| <div class="contents"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/P_fw1200.png" | |||||
| alt="" | |||||
| /> | |||||
| <div class="profitmniu">新疆:智慧养牛牛牛牛,利润一头抵五头</div> | |||||
| <div class="times">2022-3-3</div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="fotter"> | |||||
| <tabbar></tabbar> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import tabbar from "./conter.vue"; | |||||
| export default { | |||||
| components: { | |||||
| tabbar, | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| show: true, | |||||
| }; | |||||
| }, | |||||
| methods: { | |||||
| //通知公告 | |||||
| notificationa() { | |||||
| if (this.show == true) { | |||||
| return this; | |||||
| } else { | |||||
| this.show = !this.show; | |||||
| } | |||||
| }, | |||||
| newsdetailsb() { | |||||
| //新闻详情 | |||||
| if (this.show == false) { | |||||
| return this; | |||||
| } else { | |||||
| this.show = !this.show; | |||||
| } | |||||
| }, | |||||
| backHistory() { | |||||
| this.$router.go(-1); | |||||
| }, | |||||
| }, | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| span, | |||||
| li, | |||||
| ul { | |||||
| display: inline-block; | |||||
| } | |||||
| .top { | |||||
| width: 100%; | |||||
| height: 3.11rem; | |||||
| background: url("../../assets/images/Newbusinessentity/1_01.jpg") no-repeat; | |||||
| overflow: hidden; | |||||
| .topone { | |||||
| width: 100%; | |||||
| display: flex; | |||||
| margin-top: 0.2rem; | |||||
| .leftarrow { | |||||
| color: #ffffff; | |||||
| font-size: 0.5rem; | |||||
| margin: 0.8rem 0 0rem 0.5rem; | |||||
| width: 0.5rem; | |||||
| } | |||||
| .newsbull { | |||||
| color: #ffffff; | |||||
| font-size: 0.5rem; | |||||
| font-weight: normal; | |||||
| margin: 0.7rem auto 0 3rem; | |||||
| } | |||||
| } | |||||
| .cut { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| .notification, | |||||
| .newsdetails { | |||||
| color: #ffffff; | |||||
| font-size: 0.35rem; | |||||
| background: #c5e5cc; | |||||
| border-radius: 0.3rem; | |||||
| padding: 0.1rem 0.9rem 0.1rem 0.9rem; | |||||
| } | |||||
| .notification { | |||||
| margin: 0.5rem 0 0 0.7rem; | |||||
| } | |||||
| .newsdetails { | |||||
| margin: 0.5rem 0.6rem 0 0.7rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| .content { | |||||
| width: 95%; | |||||
| height: 17.2rem; | |||||
| margin: 0 auto; | |||||
| overflow: hidden; | |||||
| .contents { | |||||
| display: flex; | |||||
| justify-content: space-around; | |||||
| margin-top: 0.4rem; | |||||
| .profitmniu { | |||||
| width: 3.8rem; | |||||
| } | |||||
| .times { | |||||
| height: 0.45rem; | |||||
| margin-top: 1.2rem; | |||||
| color: #8f8f8f; | |||||
| } | |||||
| } | |||||
| } | |||||
| .fotter[data-v-40d35e05] { | |||||
| height: 1.4rem; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,159 @@ | |||||
| <template> | |||||
| <div> | |||||
| <div class="box"> | |||||
| <div class="top"> | |||||
| <div class="topone"> | |||||
| <van-icon name="arrow-left" class="leftarrow" @click="backHistory" /> | |||||
| <span class="newsbull" > 新闻详情 </span> | |||||
| </div> | |||||
| </div> | |||||
| <div class="content"> | |||||
| <div class="title">浩浩荡荡!新疆700万头牲畜开始春季转场</div> | |||||
| <div class="issuer"> | |||||
| 发布人: <span class="cctvnet">央视网</span> | |||||
| <span class="times">2022-3-15</span> | |||||
| </div> | |||||
| <div class="picture"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/t0181f315f1a4f87af1.png" | |||||
| alt="" | |||||
| /> | |||||
| </div> | |||||
| <div class="particulars"> | |||||
| 转场,顾名思义就是啊啊牲畜在各个草之间迁徙转区的每户啊啊牧民都有属于自己的草场,根对对对数和不同,小的三亩,大的信 | |||||
| 转场,顾名思义就是啊啊牲畜在各个草之间迁徙转区的每户啊啊牧民都有属于自己的草场,根对对对数和不同,小的三亩,大的信 | |||||
| 转场,顾名思义就是啊啊牲畜在各个草之间迁徙转区的每户啊啊牧民都有属于自己的草场,根对对对数和不同,小的三亩,大的信 | |||||
| 转场,顾名思义就是啊啊牲畜在各个草之间迁徙转区的每户啊啊牧民都有属于自己的草场,根对对对数和不同,小的三亩,大的信 | |||||
| 转场,顾名思义就是啊啊牲畜在各个草之间迁徙转区的每户啊啊牧民都有属于自己的草场,根对对对数和不同,小的三亩,大的信 | |||||
| 转场,顾名思义就是啊啊牲畜在各个草之间迁徙转区的每户啊啊牧民都有属于自己的草场,根对对对数和不同,小的三亩,大的信 | |||||
| </div> | |||||
| </div> | |||||
| <div class="accessory"> | |||||
| <span class="download">附件下载</span> | |||||
| <div class="downloads"> | |||||
| <div class="downloaddoc"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/189948.png" | |||||
| alt="" | |||||
| /> | |||||
| <span>附件.doc</span> | |||||
| </div> | |||||
| <div class="downloadxls"> | |||||
| <img | |||||
| src="../../assets/images/Newbusinessentity/189980.png" | |||||
| alt="" | |||||
| /> | |||||
| <span>附件.xls</span> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="fotter"> | |||||
| <tabbar></tabbar> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import tabbar from "./conter.vue"; | |||||
| export default { | |||||
| components: { | |||||
| tabbar, | |||||
| }, | |||||
| data() { | |||||
| return{ | |||||
| } | |||||
| }, | |||||
| methods:{ | |||||
| backHistory(){ | |||||
| this.$router.go(-1) | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| span, | |||||
| li, | |||||
| ul { | |||||
| display: inline-block; | |||||
| } | |||||
| .top { | |||||
| width: 100%; | |||||
| height: 2.33rem; | |||||
| background: url("../../assets/images/Newbusinessentity/1_02_01.jpg") no-repeat; | |||||
| overflow: hidden; | |||||
| .topone { | |||||
| width: 100%; | |||||
| display: flex; | |||||
| margin-top: 0.2rem; | |||||
| .leftarrow { | |||||
| color: #ffffff; | |||||
| font-size: 0.5rem; | |||||
| margin: 0.92rem 0 0rem 0.5rem; | |||||
| width: 0.5rem; | |||||
| } | |||||
| .newsbull { | |||||
| color: #ffffff; | |||||
| font-size: 0.5rem; | |||||
| font-weight: normal; | |||||
| margin: 0.8rem auto 0 3.2rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| .content { | |||||
| .title { | |||||
| font-size: 0.45rem; | |||||
| font-weight: bold; | |||||
| margin: 0.2rem 0.2rem 0.2rem 0.4rem; | |||||
| } | |||||
| .issuer { | |||||
| display: flex; | |||||
| margin-left: 0.4rem; | |||||
| color: #a1a1a1; | |||||
| } | |||||
| .cctvnet { | |||||
| margin-left: 0.2rem; | |||||
| } | |||||
| .times { | |||||
| margin-left: 0.6rem; | |||||
| } | |||||
| .picture { | |||||
| margin: 0.4rem 0.2rem 0.2rem 0.4rem; | |||||
| } | |||||
| .particulars { | |||||
| font-size: 0.2rem; | |||||
| height: 9rem; | |||||
| width: 9.1rem; | |||||
| margin: 0 auto; | |||||
| font-size: 0.37rem; | |||||
| text-indent: 0.8rem; | |||||
| } | |||||
| } | |||||
| .accessory { | |||||
| .download { | |||||
| font-size: 0.4rem; | |||||
| margin-left: 0.5rem; | |||||
| } | |||||
| .downloads { | |||||
| display: flex; | |||||
| margin: 0.6rem 0.2rem 0.2rem 0.6rem; | |||||
| .downloadxls { | |||||
| margin-left: 0.6rem; | |||||
| } | |||||
| .downloaddoc, | |||||
| .downloadxls { | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| img { | |||||
| width: 0.8rem; | |||||
| height: 0.8rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .fotter[data-v-40d35e05] { | |||||
| height: 2.4rem; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,365 @@ | |||||
| <template> | |||||
| <div> | |||||
| <div class="box"> | |||||
| <div class="list"> | |||||
| <div class="regsit"> | |||||
| <button class="noreg" @click="Agrireg">农户注册</button> | |||||
| <button class="qyreg" @click="busireg">企业注册</button> | |||||
| </div> | |||||
| <!-- 企业注册 --> | |||||
| <div class="show" v-if="show"> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona1"></i> | |||||
| <span>主体类别:</span> | |||||
| <input type="text" class="subject" /> | |||||
| <i class="arrows"></i> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona2"></i> | |||||
| <span>主体名称:</span> | |||||
| <input type="text" class="subject" /> | |||||
| <!-- <i class="arrows"></i> --> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona3"></i> | |||||
| <span>负责人姓名:</span> | |||||
| <input type="text" class="subject subjectname" /> | |||||
| <!-- <i class="arrows"></i> --> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona4"></i> | |||||
| <span>手机号码:</span> | |||||
| <input type="text" class="subject" /> | |||||
| <!-- <i class="arrows"></i> --> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona5"></i> | |||||
| <span>验证码:</span> | |||||
| <input type="text" class="subject" /> | |||||
| <i class="verification">获取验证码</i> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona6"></i> | |||||
| <span>用户名</span> | |||||
| <input type="text" class="subject" /> | |||||
| <!-- <i class="arrows"></i> --> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona7"></i> | |||||
| <span>密码</span> | |||||
| <input type="text" class="subject" /> | |||||
| <i class="arrows showh1"></i> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona8"></i> | |||||
| <span>确认密码</span> | |||||
| <input type="text" class="subject" /> | |||||
| <i class="arrows showh2"></i> | |||||
| </div> | |||||
| </div> | |||||
| <!-- 农业注册 --> | |||||
| <div class="show" v-else> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona3"></i> | |||||
| <span>农户:</span> | |||||
| <input type="text" class="subject" /> | |||||
| <i class="arrows"></i> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona9"></i> | |||||
| <span>身份证:</span> | |||||
| <input type="text" class="subject" /> | |||||
| <!-- <i class="arrows"></i> --> | |||||
| <div></div> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona4"></i> | |||||
| <span>手机号码:</span> | |||||
| <input type="text" class="subject subjectname" /> | |||||
| <!-- <i class="arrows"></i> --> | |||||
| <div class="verify"> | |||||
| <i class="verimg"></i> | |||||
| <span class="fapeasant">非本地农户</span> | |||||
| </div> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona1"></i> | |||||
| <span>验证码:</span> | |||||
| <input type="text" class="subject" /> | |||||
| <i class="verification">获取验证码</i> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona1"></i> | |||||
| <span>用户名:</span> | |||||
| <input type="text" class="subject" /> | |||||
| <!-- <i class="arrows"></i> --> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona7"></i> | |||||
| <span>密码</span> | |||||
| <input type="text" class="subject" /> | |||||
| <i class="arrows showh1"></i> | |||||
| </div> | |||||
| <div class="frames frame"> | |||||
| <i class="icona icona8"></i> | |||||
| <span>确认密码</span> | |||||
| <input type="text" class="subject" /> | |||||
| <i class="arrows showh2"></i> | |||||
| </div> | |||||
| </div> | |||||
| <div class="loggoto"> | |||||
| <button class="loggo">登录</button> | |||||
| </div> | |||||
| <div class="jumpreg"> | |||||
| <input type="radio" class="dx" /> | |||||
| <span>我已阅读并同意</span> | |||||
| <a href="#">《隐私政策》</a>和 <a href="#">《用户协议》</a><br /> | |||||
| <span class="texta">*登录后请完善基础信息成为正式用户</span> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <tabbar></tabbar> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import tabbar from "./conter.vue"; | |||||
| export default { | |||||
| components:{ | |||||
| tabbar | |||||
| }, | |||||
| name: "index", | |||||
| data() { | |||||
| return { | |||||
| show: true, | |||||
| }; | |||||
| }, | |||||
| methods:{ | |||||
| //农业注册 | |||||
| Agrireg(){ | |||||
| if(this.show==true){ | |||||
| return this | |||||
| }else{ | |||||
| this.show=!this.show | |||||
| } | |||||
| } , | |||||
| //企业注册 | |||||
| busireg(){ | |||||
| if(this.show==false){ | |||||
| return this | |||||
| }else{ | |||||
| this.show=!this.show | |||||
| } | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .box { | |||||
| width: 100%; | |||||
| background: url("../../assets/images/Newbusinessentity/bj_01.jpg") no-repeat; | |||||
| height: 21.2rem; | |||||
| overflow: hidden; | |||||
| position: relative; | |||||
| background-size: 10.2rem; | |||||
| } | |||||
| .list { | |||||
| width: 9rem; | |||||
| height: 18rem; | |||||
| background: #ffffff; | |||||
| border-radius: 1rem; | |||||
| margin: 1rem auto; | |||||
| position: relative; | |||||
| .regsit { | |||||
| position: absolute; | |||||
| top: 0.5rem; | |||||
| left: 0.8rem; | |||||
| width: 7rem; | |||||
| height: 1.2rem; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| .noreg, | |||||
| .qyreg { | |||||
| font-size: 0.4rem; | |||||
| font-weight: bold; | |||||
| background: #ffffff; | |||||
| } | |||||
| .noreg { | |||||
| margin-left: 0.7rem; | |||||
| } | |||||
| } | |||||
| .frame { | |||||
| position: relative; | |||||
| background: #eeeeee; | |||||
| border-radius: 1rem; | |||||
| margin-top: 0.5rem; | |||||
| } | |||||
| //校验农户注册 | |||||
| .verify { | |||||
| width: 3rem; | |||||
| position: absolute; | |||||
| right: 0.2rem; | |||||
| top: 0.8rem; | |||||
| .verimg { | |||||
| display: block; | |||||
| width: 0.4rem; | |||||
| height: 0.4rem; | |||||
| background: url('../../assets/images/Newbusinessentity/08_03.jpg') no-repeat; | |||||
| margin: 0.24rem 0rem 0rem 0.5rem | |||||
| } | |||||
| .fapeasant{ | |||||
| color: red; | |||||
| font-size: 0.2rem; | |||||
| } | |||||
| } | |||||
| .frames { | |||||
| display: flex; | |||||
| top: 2rem; | |||||
| left: 0.6rem; | |||||
| height: 1rem; | |||||
| width: 8rem; | |||||
| span { | |||||
| position: absolute; | |||||
| left: 0.9rem; | |||||
| top: 0.22rem; | |||||
| color: #b0b0b0; | |||||
| font-size: 0.36rem; | |||||
| } | |||||
| .subject { | |||||
| background: #eeeeee; | |||||
| position: absolute; | |||||
| left: 2.5rem; | |||||
| top: 0.1rem; | |||||
| // background: pink; | |||||
| height: 0.8rem; | |||||
| width: 3rem; | |||||
| font-size: 0.36rem; | |||||
| color: #dbdbdb; | |||||
| } | |||||
| .subjectname { | |||||
| left: 2.8rem; | |||||
| } | |||||
| .icona { | |||||
| width: 0.5rem; | |||||
| height: 0.5rem; | |||||
| position: absolute; | |||||
| top: 0.29rem; | |||||
| left: 0.3rem; | |||||
| } | |||||
| .icona1 { | |||||
| background: url("../../assets/images/Newbusinessentity/layers_icon_125237.png") | |||||
| no-repeat; | |||||
| } | |||||
| .icona2 { | |||||
| background: url("../../assets/images/Newbusinessentity/home_icon_128501.png") | |||||
| no-repeat; | |||||
| } | |||||
| .icona3 { | |||||
| background: url("../../assets/images/Newbusinessentity/user_icon_125113.png") | |||||
| no-repeat; | |||||
| } | |||||
| .icona4 { | |||||
| background: url("../../assets/images/Newbusinessentity/phone_handset_icon_125195.png") | |||||
| no-repeat; | |||||
| } | |||||
| .icona5 { | |||||
| background: url("../../assets/images/Newbusinessentity/shield_icon_125161.png") | |||||
| no-repeat; | |||||
| } | |||||
| .icona6 { | |||||
| background: url("../../assets/images/Newbusinessentity/user_icon_1251132.png") | |||||
| no-repeat; | |||||
| } | |||||
| .icona7 { | |||||
| background: url("../../assets/images/Newbusinessentity/lock_icon_1252253.png") | |||||
| no-repeat; | |||||
| } | |||||
| .icona8 { | |||||
| background: url("../../assets/images/Newbusinessentity/lock_icon_1252253.png") | |||||
| no-repeat; | |||||
| } | |||||
| //农业注册 | |||||
| .icona9 { | |||||
| background: url("../../assets/images/Newbusinessentity/licencse_icon_125234.png") | |||||
| no-repeat; | |||||
| } | |||||
| .arrows { | |||||
| width: 0.5rem; | |||||
| height: 0.5rem; | |||||
| background: url("../../assets/images/Newbusinessentity/21563.png") | |||||
| no-repeat; | |||||
| position: absolute; | |||||
| top: 0.36rem; | |||||
| right: 0.3rem; | |||||
| } | |||||
| .showh1 { | |||||
| background: url("../../assets/images/Newbusinessentity/showh_03.jpg") | |||||
| no-repeat; | |||||
| } | |||||
| .showh2 { | |||||
| background: url("../../assets/images/Newbusinessentity/view_show_icon_1248113.png") | |||||
| no-repeat; | |||||
| } | |||||
| .verification { | |||||
| width: 2.7rem; | |||||
| height: 0.76rem; | |||||
| color: #ffffff; | |||||
| font-size: 0.2rem; | |||||
| background: #75c757; | |||||
| border-radius: 0.3rem; | |||||
| position: absolute; | |||||
| right: 0.2rem; | |||||
| top: 0.1rem; | |||||
| text-align: center; | |||||
| line-height: 0.76rem; | |||||
| font-size: 0.35rem; | |||||
| } | |||||
| } | |||||
| .loggoto { | |||||
| position: relative; | |||||
| top: 1.4rem; | |||||
| .loggo { | |||||
| width: 6rem; | |||||
| height: 1rem; | |||||
| text-align: center; | |||||
| color: #ffffff; | |||||
| background: #41d25e; | |||||
| font-size: 0.4rem; | |||||
| position: absolute; | |||||
| left: 1.7rem; | |||||
| top: 1.6rem; | |||||
| border-radius: 0.4rem; | |||||
| } | |||||
| } | |||||
| .jumpreg { | |||||
| position: relative; | |||||
| top: 4.5rem; | |||||
| left: 1.2rem; | |||||
| font-weight: normal; | |||||
| font-size: 0.32rem; | |||||
| color: #858585; | |||||
| overflow: hidden; | |||||
| a { | |||||
| color: #3096ff; | |||||
| } | |||||
| .dx { | |||||
| border: #5bcc5b 0.2rem solid; | |||||
| background: #5bcc5b; | |||||
| color: #5bcc5b; | |||||
| } | |||||
| .texta { | |||||
| display: block; | |||||
| margin: 0.3rem 0 0 0.6rem; | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @@ -131,6 +131,7 @@ | |||||
| this.type = this.$route.query.type; | this.type = this.$route.query.type; | ||||
| this.queryParams.bookId = Cookies.get('bookId'); | this.queryParams.bookId = Cookies.get('bookId'); | ||||
| this.queryParams.deptId = Cookies.get('deptId'); | this.queryParams.deptId = Cookies.get('deptId'); | ||||
| this.form.openName = this.format(new Date(),'yyyy')+ '年' + (this.format(new Date(),'MM')-1) + '月财务公开'; | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| onSubmit(){ | onSubmit(){ | ||||