@@ -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(){ | ||||