@@ -0,0 +1,58 @@ | |||
import request from '@/utils/request' | |||
// 保险公司登录 | |||
export function serviceLogin(data) { | |||
return request({ | |||
url: '/depositm/financialService/login', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
//保险产品列表 | |||
export function productList(query) { | |||
return request({ | |||
url: '/depositm/financialProduct/list', | |||
method: 'get', | |||
params: query | |||
}) | |||
} | |||
//保险产品详情 | |||
export function productGet(id) { | |||
return request({ | |||
url: '/depositm/financialProduct/get/'+id, | |||
method: 'get', | |||
}) | |||
} | |||
//上传全局方法附件 | |||
export function commonUpload(data) { | |||
return request({ | |||
url: '/depositm/common/upload', | |||
method: 'post', | |||
header: { "Content-Type": 'application/x-www-form-urlencoded' }, | |||
data: data | |||
}) | |||
} | |||
// 修改保险产品 | |||
export function financialProductEdit(data) { | |||
return request({ | |||
url: '/depositm/financialProduct/edit', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 新增保险产品 | |||
export function financialProductAdd(data) { | |||
return request({ | |||
url: '/depositm/financialProduct/add', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
@@ -148,6 +148,8 @@ const whiteList = [ | |||
'/agriculturalTrusteeship/societyProjectList',//社会化产品列表 | |||
'/agriculturalTrusteeship/societyProjectDetail',//社会化产品详情 | |||
'/agriculturalTrusteeship/shopList',//保险列表首页 | |||
'/agriculturalTrusteeship/shopDetail',//保险列表详情 | |||
'/agriculturalTrusteeship/shopEdit',//保险列表详情 | |||
'/agriculturalTrusteeship/shopAdd',//保险列表首页 | |||
'/agriculturalTrusteeship/socializationIndex',//社会化服务组织待处理 | |||
'/agriculturalTrusteeship/socializationProject',//社会化服务组织产品 | |||
@@ -4670,6 +4670,24 @@ export const constantRoutes = [ | |||
}, | |||
component: (resolve) => require(['@/views/agriculturalTrusteeship/shop/shopList'], resolve) | |||
}, | |||
{ | |||
path: '/agriculturalTrusteeship/shopDetail', | |||
name: 'agriculturalTrusteeshipShopDetail', | |||
meta: { | |||
title: '保险详情', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/agriculturalTrusteeship/shop/shopDetail'], resolve) | |||
}, | |||
{ | |||
path: '/agriculturalTrusteeship/shopEdit', | |||
name: 'agriculturalTrusteeshipShopEdit', | |||
meta: { | |||
title: '保险修改', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/agriculturalTrusteeship/shop/shopEdit'], resolve) | |||
}, | |||
{ | |||
path: '/agriculturalTrusteeship/shopAdd', | |||
name: 'agriculturalTrusteeshipShopAdd', | |||
@@ -7,6 +7,7 @@ import errorCode from '@/utils/errorCode' | |||
import Cookies from "js-cookie"; | |||
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' | |||
axios.defaults.headers['ACCESS-SESSION-ID'] = Cookies.get('ACCESS-SESSION-ID') // 让每个请求携带自定义token 请根据实际情况自行修改 | |||
// 创建axios实例 | |||
const service = axios.create({ | |||
// axios中请求配置有baseURL选项,表示请求URL公共部分 | |||
@@ -13,7 +13,7 @@ | |||
<!-- 头部结束 --> | |||
<!-- 登陆选择开始 --> | |||
<div class="main"> | |||
<div class="main" style="display: none;"> | |||
<div class="nav"> | |||
<div class="nav_content" @click="$router.push({name:'agriculturalTrusteeshipBuyerIndex'})"> | |||
<div> | |||
@@ -35,21 +35,21 @@ | |||
</div> | |||
<div class="nav"> | |||
<div class="nav_content"> | |||
<div class="nav_content" @click="$router.push({name:'agriculturalTrusteeshipShopList'})"> | |||
<div> | |||
<p class="nav_name_03">保险机构登录</p> | |||
<p class="nav_text">登录可发布保险产品</p> | |||
</div> | |||
<i class="go"></i> | |||
</div> | |||
<div class="nav_content" style="padding:12.5PX 0;margin:12.5PX 0;border-top: 1px solid #D5D8DE;border-bottom: 1px solid #D5D8DE;"> | |||
<div class="nav_content" style="padding:12.5PX 0;margin:12.5PX 0;border-top: 1px solid #D5D8DE;border-bottom: 1px solid #D5D8DE;" @click="$router.push({name:'agriculturalTrusteeshipShopList'})"> | |||
<div> | |||
<p class="nav_name_04">贷款机构登录</p> | |||
<p class="nav_text">登录可发布贷款产品</p> | |||
</div> | |||
<i class="go"></i> | |||
</div> | |||
<div class="nav_content"> | |||
<div class="nav_content" @click="$router.push({name:'agriculturalTrusteeshipShopList'})"> | |||
<div> | |||
<p class="nav_name_05">农担机构登录</p> | |||
<p class="nav_text">登录可发布农担产品</p> | |||
@@ -61,72 +61,73 @@ | |||
<!-- 登陆选择结束 --> | |||
<!-- 登录开始 --> | |||
<div class="login_main" style="display: none;" :style="{'position': position,'top':top,'transform':transform,'left':left}"> | |||
<div class="login_main" :style="{'position': position,'top':top,'transform':transform,'left':left}"> | |||
<van-tabs v-model="active" animated color="#1E67FF" background="transparent" title-active-color="#1E67FF" @change="tabsChange"> | |||
<van-tab name="login" title="登录"> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||
<van-field v-model="username" center :border="false" placeholder="请输入主体名称" > | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_01.png" alt=""> | |||
</template> | |||
</van-field> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||
<van-field v-model="password" center :border="false" placeholder="请输入主体类别"> | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||
</template> | |||
</van-field> | |||
<p class="submit_btn" @click="$router.push({name:'agriculturalTrusteeshipShopList'})">登录</p> | |||
<!-- $router.push({name:'agriculturalTrusteeshipShopList'})--> | |||
<p class="submit_btn" @click="goLogin">登录</p> | |||
</van-tab> | |||
<van-tab name="register" title="注册"> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||
<van-field v-model="value1" center :border="false" placeholder="请输入生产种类" > | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_03.png" alt=""> | |||
</template> | |||
</van-field> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入示范类型"> | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_04.png" alt=""> | |||
</template> | |||
</van-field> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||
<van-field v-model="value1" center :border="false" placeholder="请输入主体地址" > | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||
</template> | |||
</van-field> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入成立时间"> | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt=""> | |||
</template> | |||
</van-field> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||
<van-field v-model="value1" center :border="false" placeholder="请输入负责人姓名" > | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | |||
</template> | |||
</van-field> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入联系方式"> | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_07.png" alt=""> | |||
</template> | |||
</van-field> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||
<van-field v-model="value1" center :border="false" placeholder="请输入密码" > | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||
</template> | |||
</van-field> | |||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||
<van-field v-model="value1" center :border="false" placeholder="请确认密码"> | |||
<template #left-icon> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||
</template> | |||
</van-field> | |||
<p class="submit_btn">登录</p> | |||
<p class="submit_btn">提交审核</p> | |||
</van-tab> | |||
</van-tabs> | |||
</div> | |||
@@ -136,6 +137,9 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import {getCodeImg, getRegisterSmsCode, registerCheck, registerOn} from "@/api/login"; | |||
import {decrypt, encrypt} from "@/utils/jsencrypt"; | |||
import { serviceLogin } from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipLogin", | |||
data() { | |||
@@ -145,13 +149,45 @@ | |||
position:'absolute', | |||
top: '50%', | |||
transform:'translateY(-50%)', | |||
left:'4%' | |||
left:'4%', | |||
registerShow:false, | |||
showMessage:false, | |||
smsCodeValue:"", | |||
showKeyboard:false, | |||
username: "", //账号 | |||
password: "", //密码 | |||
formData: { | |||
username: "", //账号 | |||
password: "", //密码 | |||
financialType:'2' | |||
}, | |||
loading: false, | |||
codeUrl: "", //验证码 | |||
isSmsLogin: false, //是否手机验证码 | |||
computeTime: 0, | |||
}; | |||
}, | |||
created() { | |||
this.getDicts("financial_type").then(response => { | |||
this.financialTypeOptions = response.data; | |||
}); | |||
// this.getCode(); | |||
// this.getCookie(); | |||
}, | |||
methods: { | |||
goLogin(){ | |||
console.log(this.formData) | |||
Cookies.set("username", encrypt(this.formData.username), { expires: 30 }); | |||
Cookies.set("password", encrypt(this.formData.password), { expires: 30 }); | |||
this.formData.username = encrypt(this.username); | |||
this.formData.password = encrypt(this.password); | |||
serviceLogin(this.formData).then(response => { | |||
Cookies.set("ACCESS-SESSION-ID", response.data.id); | |||
Cookies.set("ServiceInformation", response.data); | |||
this.$router.push({ path: "/agriculturalTrusteeship/shopList" }).catch(() => {}); | |||
}); | |||
}, | |||
tabsChange(name){ | |||
console.log(name) | |||
if ( name == 'register' ){ | |||
@@ -165,6 +201,211 @@ | |||
this.transform = 'translateY(-50%)'; | |||
this.left = '4%'; | |||
} | |||
}, | |||
showPopup(){ | |||
this.showKeyboard = !this.showKeyboard | |||
}, | |||
showMessagePop(){ | |||
this.showMessage = !this.showMessage | |||
}, | |||
getCode() { | |||
getCodeImg().then((res) => { | |||
this.formData.uuid = res.uuid; | |||
this.codeUrl = "data:image/gif;base64," + res.img; | |||
}); | |||
}, | |||
getCookie() { | |||
const username = Cookies.get("username"); | |||
const password = Cookies.get("password"); | |||
const rememberMe = Cookies.get("rememberMe"); | |||
this.formData = { | |||
username: username === undefined ? this.formData.username : username, | |||
password: | |||
password === undefined ? this.formData.password : decrypt(password), | |||
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe), | |||
}; | |||
}, | |||
getSmsCode() { | |||
if (this.formData.code == "") { | |||
this.$dialog.alert({ | |||
message: '图片验证码不能为空', | |||
}); | |||
return false; | |||
} | |||
if (!this.computeTime) { | |||
let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | |||
if (!myreg.test(this.formData.mobile)) { | |||
this.$dialog.alert({ | |||
message: '手机号格式不正确', | |||
}); | |||
return false; | |||
} | |||
/* getSmsCode(this.formData.mobile).then((res) => { | |||
if (res.code === 200) { | |||
this.$dialog.alert({ | |||
message: '验证码已发送', | |||
}); | |||
this.showKeyboard = !this.showKeyboard; | |||
this.loginForm.uuid = res.uuid; | |||
this.computeTime = 60; | |||
this.timer = setInterval(() => { | |||
this.computeTime--; | |||
if (this.computeTime <= 0) { | |||
clearInterval(this.timer); | |||
} | |||
}, 1000); | |||
} | |||
});*/ | |||
} | |||
}, | |||
handleLogin(values) { | |||
if (this.isSmsLogin) { | |||
//短信登录 | |||
let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | |||
if (!myreg.test(this.formData.mobile)) { | |||
this.$dialog.alert({ | |||
message: '手机号格式不正确', | |||
}); | |||
return false; | |||
} else if (this.formData.smsCode == "") { | |||
this.$dialog.alert({ | |||
message: '短信验证码不能为空', | |||
}); | |||
return false; | |||
} | |||
this.loading = true; | |||
this.$store | |||
.dispatch("SmsLogin", this.formData) | |||
.then(() => { | |||
this.$router.push({ path: "/onlineHomeIndex" }).catch(() => {}); | |||
}) | |||
.catch((error) => { | |||
this.loading = false; | |||
}); | |||
} else { | |||
if (this.formData.rememberMe) { | |||
Cookies.set("username", this.formData.username, { expires: 30 }); | |||
Cookies.set("password", encrypt(this.formData.password), { expires: 30 }); | |||
Cookies.set("rememberMe", this.formData.rememberMe, { expires: 30 }); | |||
} else { | |||
Cookies.remove("username"); | |||
Cookies.remove("password"); | |||
Cookies.remove("rememberMe"); | |||
} | |||
//账号密码登录 | |||
if (this.formData.username == "") { | |||
this.$dialog.alert({ | |||
message: '账号不能为空', | |||
}); | |||
return false; | |||
} else if (this.formData.password == "") { | |||
this.$dialog.alert({ | |||
message: '密码不能为空', | |||
}); | |||
return false; | |||
} else if (this.formData.code == "") { | |||
this.$dialog.alert({ | |||
message: '图片验证码不能为空', | |||
}); | |||
return false; | |||
} | |||
this.$store | |||
.dispatch("Login", this.formData) | |||
.then(() => { | |||
this.$router.push({ path: "/lawEnforcement/index_new" }).catch(() => {}); | |||
}) | |||
.catch((error) => { | |||
console.log(error) | |||
this.loading = false; | |||
this.getCode(); | |||
}); | |||
} | |||
}, | |||
getRegisterSmsCode(){ | |||
if (!this.computeTime) { | |||
let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | |||
if (!myreg.test(this.formData.mobile)) { | |||
this.$dialog.alert({ | |||
message: '手机号格式不正确', | |||
}); | |||
return false; | |||
}else if (this.formData.code == "") { | |||
this.$dialog.alert({ | |||
message: '图片验证码不能为空', | |||
}); | |||
return false; | |||
} | |||
if (this.active==2) { | |||
let formObj = { | |||
code :this.formData.code, | |||
mobile:this.formData.mobile, | |||
uuid:this.formData.uuid | |||
} | |||
getRegisterSmsCode(formObj).then((res) => { | |||
console.log(res) | |||
console.log(res.code == 200) | |||
if(res.code == 200) { | |||
this.$dialog.alert({ | |||
message: '验证码已发送', | |||
}); | |||
this.formData.uuid = res.uuid; | |||
this.computeTime = 60; | |||
this.timer = setInterval(() => { | |||
this.computeTime--; | |||
if (this.computeTime <= 0) { | |||
clearInterval(this.timer); | |||
} | |||
}, 1000); | |||
} | |||
}).catch((res)=>{ | |||
if(res=='Error: 验证码已失效'){ | |||
this.getCode() | |||
} | |||
}); | |||
} | |||
} | |||
}, | |||
registerSubmit(){ | |||
//注册 | |||
if (this.formData.memberName == "") { | |||
this.$dialog.alert({ | |||
message: '姓名不能为空', | |||
}); | |||
return false; | |||
} else if (this.formData.idcard == "") { | |||
this.$dialog.alert({ | |||
message: '身份证号不能为空', | |||
}); | |||
return false; | |||
} else if (this.formData.mobile == "") { | |||
this.$dialog.alert({ | |||
message: '手机号码不能为空', | |||
}); | |||
return false; | |||
}else if (this.formData.smsCode == "") { | |||
this.$dialog.alert({ | |||
message: '短信验证码不能为空', | |||
}); | |||
return false; | |||
} | |||
//registerCheck,registerOn | |||
console.log(this.formData) | |||
registerCheck(this.formData).then((res)=>{ | |||
if(res.code == 200){ | |||
registerOn(this.formData).then((res)=>{ | |||
if(res.code == 200){ | |||
// | |||
this.$dialog.alert({ | |||
message: '您的初始密码:'+res.password, | |||
}).then(() => { | |||
this.$router.push({ path: "/onlineHome/workbench" }).catch(() => {}); | |||
}); | |||
} | |||
}) | |||
} | |||
}) | |||
} | |||
}, | |||
} | |||
@@ -13,25 +13,26 @@ | |||
<!-- 内容开始 --> | |||
<div class="main"> | |||
<van-field label="产品名称" input-align="right" placeholder="请输入产品名称" /> | |||
<van-field label="产品类型" input-align="right" placeholder="请输入产品类型" /> | |||
<van-field label="简介" input-align="right" placeholder="请输入简介" /> | |||
<van-field label="产品名称" v-model="product.productName" input-align="right" placeholder="无" /> | |||
<van-field label="产品类型" v-model="product.productType" input-align="right" placeholder="无" /> | |||
<van-field label="简介" type="textarea" autosize v-model="product.productLink" input-align="right" placeholder="无" /> | |||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||
<div style="padding: 0 4% 2vh;"> | |||
<van-uploader /> | |||
<van-uploader v-model="product.mainImgList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||
</div> | |||
</div> | |||
<div class="main_btn"> | |||
<p>发布</p> | |||
<p @click="submitForm">发布</p> | |||
</div> | |||
<!-- 内容结束 --> | |||
</div> | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import {commonUpload, financialProductAdd} from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipSocializationRelease", | |||
name: "agriculturalTrusteeshipShopAdd", | |||
data() { | |||
return { | |||
activeKey: 0, | |||
@@ -40,14 +41,40 @@ | |||
finished: false, | |||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | |||
zoom: 15, //地图展示级别 | |||
showDialog:false | |||
showDialog:false, | |||
product:{}, | |||
mainImgArr:[] | |||
}; | |||
}, | |||
created() { | |||
}, | |||
methods: { | |||
submitForm(){ | |||
console.log(this.mainImgArr) | |||
this.product.mainImg = this.mainImgArr.join(',') | |||
financialProductEdit(this.product).then((res) => { | |||
if(res.code=="200"){ | |||
this.$notify({ type: 'success', message: '发布成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
} | |||
}) | |||
}, | |||
afterReadEvidenceForm(file){ | |||
let params1 = new FormData(); | |||
params1.append("file", file.file); | |||
commonUpload(params1).then((r1) => { | |||
// this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | |||
console.log(r1) | |||
this.mainImgArr.push(r1.fileName) | |||
}) | |||
}, | |||
deleteFileEvidenceForm(file,detail) { | |||
this.mainImgArr.splice(detail.index,1); | |||
this.product.mainImgList.splice(detail.index,1); | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -0,0 +1,101 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<!-- 头部开始 --> | |||
<van-nav-bar | |||
title="发布商品" | |||
fixed | |||
placeholder | |||
left-arrow | |||
@click-left="onClickLeft" | |||
/> | |||
<!-- 头部结束 --> | |||
<!-- 内容开始 --> | |||
<div class="main"> | |||
<van-field readonly label="产品名称" v-model="product.productName" input-align="right" placeholder="无" /> | |||
<van-field readonly label="产品类型" v-model="product.productType" input-align="right" placeholder="无" /> | |||
<van-field readonly label="简介" type="textarea" autosize v-model="product.productLink" input-align="right" placeholder="无" /> | |||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||
<div style="padding: 0 4% 2vh;"> | |||
<van-uploader v-model="product.mainImgList" :show-upload="false" :deletable="false" /> | |||
</div> | |||
</div> | |||
<!-- 内容结束 --> | |||
</div> | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import {productGet} from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipShopDetail", | |||
data() { | |||
return { | |||
activeKey: 0, | |||
active: 0, | |||
loading: false, | |||
finished: false, | |||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | |||
zoom: 15, //地图展示级别 | |||
showDialog:false, | |||
product:{} | |||
}; | |||
}, | |||
created() { | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail(){ | |||
productGet(this.$route.query.id).then(response => { | |||
if (response.data.mainImg){ | |||
response.data.mainImgList = []; | |||
var attachement = response.data.mainImg.split( "," ); | |||
attachement.forEach(responseAttach=>{ | |||
response.data.mainImgList.push({ | |||
url:'/api' + responseAttach, | |||
isImage: true | |||
}); | |||
}) | |||
} | |||
var that = this ; | |||
that.product = response.data; | |||
}); | |||
}, | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper{ | |||
background: #F6F6F6; | |||
min-height: 100vh; | |||
} | |||
.main{ | |||
width: 92%; | |||
margin: 0 auto; | |||
margin-top: 2vh; | |||
border-radius: 10PX; | |||
overflow: hidden; | |||
background-color: #FFF; | |||
} | |||
.main_btn{ | |||
display: flex; | |||
justify-content: space-around; | |||
padding: 4vh 0; | |||
p{ | |||
font-size: .4rem; | |||
width: 35%; | |||
text-align: center; | |||
padding: 10PX 0; | |||
border-radius: 5rem; | |||
box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16); | |||
&:nth-child(1){ | |||
background: #334281; | |||
color: #ffffff; | |||
} | |||
&:nth-child(2){ | |||
background: #D1D5E4; | |||
color: #334281; | |||
} | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,132 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<!-- 头部开始 --> | |||
<van-nav-bar | |||
title="发布商品" | |||
fixed | |||
placeholder | |||
left-arrow | |||
@click-left="onClickLeft" | |||
/> | |||
<!-- 头部结束 --> | |||
<!-- 内容开始 --> | |||
<div class="main"> | |||
<van-field label="产品名称" v-model="product.productName" input-align="right" placeholder="无" /> | |||
<van-field label="产品类型" v-model="product.productType" input-align="right" placeholder="无" /> | |||
<van-field label="简介" type="textarea" autosize v-model="product.productLink" input-align="right" placeholder="无" /> | |||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||
<div style="padding: 0 4% 2vh;"> | |||
<van-uploader v-model="product.mainImgList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||
</div> | |||
</div> | |||
<div class="main_btn"> | |||
<p @click="submitForm">发布</p> | |||
</div> | |||
<!-- 内容结束 --> | |||
</div> | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import {productGet,financialProductEdit,commonUpload} from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipShopDetail", | |||
data() { | |||
return { | |||
activeKey: 0, | |||
active: 0, | |||
loading: false, | |||
finished: false, | |||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | |||
zoom: 15, //地图展示级别 | |||
showDialog:false, | |||
product:{}, | |||
mainImgArr:[] | |||
}; | |||
}, | |||
created() { | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail(){ | |||
productGet(this.$route.query.id).then(response => { | |||
if (response.data.mainImg){ | |||
response.data.mainImgList = []; | |||
var attachement = response.data.mainImg.split( "," ); | |||
this.mainImgArr = response.data.mainImg.split( "," ); | |||
attachement.forEach(responseAttach=>{ | |||
response.data.mainImgList.push({ | |||
url:'/api' + responseAttach, | |||
isImage: true | |||
}); | |||
}) | |||
} | |||
var that = this ; | |||
that.product = response.data; | |||
}); | |||
}, | |||
afterReadEvidenceForm(file){ | |||
let params1 = new FormData(); | |||
params1.append("file", file.file); | |||
commonUpload(params1).then((r1) => { | |||
// this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | |||
console.log(r1) | |||
this.mainImgArr.push(r1.fileName) | |||
}) | |||
}, | |||
deleteFileEvidenceForm(file,detail) { | |||
this.mainImgArr.splice(detail.index,1); | |||
this.product.mainImgList.splice(detail.index,1); | |||
}, | |||
submitForm(){ | |||
console.log(this.mainImgArr) | |||
this.product.mainImg = this.mainImgArr.join(',') | |||
financialProductEdit(this.product).then((res) => { | |||
if(res.code=="200"){ | |||
this.$notify({ type: 'success', message: '发布成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
} | |||
}) | |||
}, | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper{ | |||
background: #F6F6F6; | |||
min-height: 100vh; | |||
} | |||
.main{ | |||
width: 92%; | |||
margin: 0 auto; | |||
margin-top: 2vh; | |||
border-radius: 10PX; | |||
overflow: hidden; | |||
background-color: #FFF; | |||
} | |||
.main_btn{ | |||
display: flex; | |||
justify-content: space-around; | |||
padding: 4vh 0; | |||
p{ | |||
font-size: .4rem; | |||
width: 35%; | |||
text-align: center; | |||
padding: 10PX 0; | |||
border-radius: 5rem; | |||
box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16); | |||
&:nth-child(1){ | |||
background: #334281; | |||
color: #ffffff; | |||
} | |||
&:nth-child(2){ | |||
background: #D1D5E4; | |||
color: #334281; | |||
} | |||
} | |||
} | |||
</style> |
@@ -62,16 +62,17 @@ | |||
v-model="loading" | |||
:finished="finished" | |||
finished-text="没有更多了" | |||
@load="getList" | |||
> | |||
<!-- @load="onLoad"--> | |||
<div class="main_content_right_list" v-for="item in 10" :key="item"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||
<div class="main_content_right_list" v-for="(item,index) in productList" :key="index"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png" @click="$router.push({name:'agriculturalTrusteeshipShopDetail',query:{id:item.id}})"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||
<p class="tt" @click="$router.push({name:'agriculturalTrusteeshipShopDetail',query:{id:item.id}})">{{item.productName}}</p> | |||
<div class="tab"> | |||
<p>健康保险</p> | |||
<p>{{item.productType}}</p> | |||
<div> | |||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_01.png" /> | |||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_01.png" @click="$router.push({name:'agriculturalTrusteeshipShopEdit',query:{id:item.id}})" /> | |||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_02.png" /> | |||
</div> | |||
</div> | |||
@@ -112,21 +113,41 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import {productList} from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipInsuranceList", | |||
name: "agriculturalTrusteeshipShopList", | |||
data() { | |||
return { | |||
activeKey: 0, | |||
active: 0, | |||
loading: false, | |||
finished: false, | |||
productList:[], | |||
query:{ | |||
financialServiceId:Cookies.get('ACCESS-SESSION-ID'), | |||
pageNum:'1', | |||
pageSize:'10' | |||
} | |||
}; | |||
}, | |||
created() { | |||
}, | |||
methods: { | |||
getList(){ | |||
productList(this.query).then(response => { | |||
response.rows.map(res=>{ | |||
this.productList.push(res); | |||
}) | |||
if(this.productList.length >= response.total){ | |||
this.finished = true; | |||
return; | |||
}else{ | |||
this.loading = false; | |||
this.query.pageNum += 1 ; | |||
} | |||
}); | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -139,8 +139,8 @@ | |||
min-height: 100vh; | |||
width: 100vw; | |||
padding: 0 ; | |||
background: url('../../../../static/images/lawEnforcement/new/map.png') no-repeat 27%; | |||
background-size: auto 100%; | |||
/*background: url('../../../../static/images/lawEnforcement/new/map.png') no-repeat 27%;*/ | |||
/*background-size: auto 100%;*/ | |||
.header_main{ | |||
height: 116px; | |||
background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat; | |||
@@ -303,8 +303,7 @@ | |||
}); | |||
return false; | |||
} | |||
this.$store | |||
.dispatch("Login", this.formData) | |||
this.$store.dispatch("Login", this.formData) | |||
.then(() => { | |||
this.$router.push({ path: "/lawEnforcement/index_new" }).catch(() => {}); | |||
}) | |||
@@ -13,9 +13,9 @@ | |||
</template> | |||
</van-cell> | |||
<van-grid :column-num="3" :border="false" square clickable> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="农药扫码" :to="{name:'lawEnforcementRetrospectDetail'}" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="扫一扫" :to="{name:'lawEnforcementRetrospectDetail'}" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_19.png" text="中国农药网" @click="linkGo('http://www.icama.org.cn/hysj/index.jhtml')" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_20.png" text="中国种业网" @click="linkGo('http://202.127.42.145/bigdataNew/home/ManageOrg')" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_20.png" text="中国种业网" @click="linkGo('http://202.127.42.47:6010/index.aspx')" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_21.png" text="中肥网" @click="linkGo('http://www.fert.cn/')" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_22.png" text="中国兽药网" @click="linkGo('http://www.ivdc.org.cn/xxgk/syzwglpt/')" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_23.png" text="中国饲料网" @click="linkGo('http://chinafeeddata.org.cn/admin/Login/slstk')" /> | |||
@@ -1,9 +1,9 @@ | |||
<template> | |||
<div class="app-container"> | |||
<div class="header_main"> | |||
种子扫描 | |||
扫一扫 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
<div class="add_btn"></div> | |||
<!-- <div class="add_btn"></div>--> | |||
<div class="top_box"> | |||
<div class="top_01"> | |||
<img src="../../../../static/images/lawEnforcement/new/retrospect_icon_10.png"> | |||