@@ -10,6 +10,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin') | |||||
const ExtractTextPlugin = require('extract-text-webpack-plugin') | const ExtractTextPlugin = require('extract-text-webpack-plugin') | ||||
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') | const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') | ||||
const UglifyJsPlugin = require('uglifyjs-webpack-plugin') | const UglifyJsPlugin = require('uglifyjs-webpack-plugin') | ||||
const CompressionPlugin = require('compression-webpack-plugin');//引入gzip压缩插件 | |||||
const env = require('../config/prod.env') | const env = require('../config/prod.env') | ||||
@@ -41,6 +42,15 @@ const webpackConfig = merge(baseWebpackConfig, { | |||||
sourceMap: config.build.productionSourceMap, | sourceMap: config.build.productionSourceMap, | ||||
parallel: true | parallel: true | ||||
}), | }), | ||||
new CompressionPlugin({ | |||||
filename: '[path].gz[query]', // 使得多个.gz文件合并成一个文件,这种方式压缩后的文件少,建议使用 | |||||
algorithm: 'gzip', // 官方默认压缩算法也是gzip | |||||
test: /\.js$|\.css$|\.html$|\.ttf$|\.eot$|\.woff$/, // 使用正则给匹配到的文件做压缩,这里是给html、css、js以及字体(.ttf和.woff和.eot)做压缩 | |||||
threshold: 10240, //以字节为单位压缩超过此大小的文件,使用默认值10240吧 | |||||
minRatio: 0.8, // 最小压缩比率,官方默认0.8 | |||||
//是否删除原有静态资源文件,即只保留压缩后的.gz文件,建议这个置为false,还保留源文件。以防: | |||||
deleteOriginalAssets: false | |||||
}), | |||||
// extract css into its own file | // extract css into its own file | ||||
new ExtractTextPlugin({ | new ExtractTextPlugin({ | ||||
filename: utils.assetsPath('css/[name].[contenthash].css'), | filename: utils.assetsPath('css/[name].[contenthash].css'), | ||||
@@ -57,7 +57,7 @@ module.exports = { | |||||
* Source Maps | * Source Maps | ||||
*/ | */ | ||||
productionSourceMap: true, | |||||
productionSourceMap: false, | |||||
// https://webpack.js.org/configuration/devtool/#production | // https://webpack.js.org/configuration/devtool/#production | ||||
devtool: '#source-map', | devtool: '#source-map', | ||||
@@ -24,6 +24,11 @@ | |||||
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.0.tgz", | "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.0.tgz", | ||||
"integrity": "sha512-wjtKehFAIARq2OxK8j3JrggNlEslJfNuSm2ArteIbKyRMts2g0a7KzTxfRVNUM+O0gnBJ2hNV8nWPOYBgI1sew==" | "integrity": "sha512-wjtKehFAIARq2OxK8j3JrggNlEslJfNuSm2ArteIbKyRMts2g0a7KzTxfRVNUM+O0gnBJ2hNV8nWPOYBgI1sew==" | ||||
}, | }, | ||||
"@types/json-schema": { | |||||
"version": "7.0.11", | |||||
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz", | |||||
"integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==" | |||||
}, | |||||
"@types/q": { | "@types/q": { | ||||
"version": "1.5.4", | "version": "1.5.4", | ||||
"resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz", | "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz", | ||||
@@ -121,8 +126,7 @@ | |||||
"ajv-keywords": { | "ajv-keywords": { | ||||
"version": "3.5.2", | "version": "3.5.2", | ||||
"resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", | "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", | ||||
"integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", | |||||
"dev": true | |||||
"integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==" | |||||
}, | }, | ||||
"align-text": { | "align-text": { | ||||
"version": "0.1.4", | "version": "0.1.4", | ||||
@@ -724,8 +728,7 @@ | |||||
"babel-plugin-syntax-dynamic-import": { | "babel-plugin-syntax-dynamic-import": { | ||||
"version": "6.18.0", | "version": "6.18.0", | ||||
"resolved": "https://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz", | "resolved": "https://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz", | ||||
"integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=", | |||||
"dev": true | |||||
"integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=" | |||||
}, | }, | ||||
"babel-plugin-syntax-exponentiation-operator": { | "babel-plugin-syntax-exponentiation-operator": { | ||||
"version": "6.13.0", | "version": "6.13.0", | ||||
@@ -2078,6 +2081,19 @@ | |||||
} | } | ||||
} | } | ||||
}, | }, | ||||
"compression-webpack-plugin": { | |||||
"version": "1.1.11", | |||||
"resolved": "https://registry.npmmirror.com/compression-webpack-plugin/-/compression-webpack-plugin-1.1.11.tgz", | |||||
"integrity": "sha512-ZVWKrTQhtOP7rDx3M/koXTnRm/iwcYbuCdV+i4lZfAIe32Mov7vUVM0+8Vpz4q0xH+TBUZxq+rM8nhtkDH50YQ==", | |||||
"dev": true, | |||||
"requires": { | |||||
"cacache": "^10.0.1", | |||||
"find-cache-dir": "^1.0.0", | |||||
"neo-async": "^2.5.0", | |||||
"serialize-javascript": "^1.4.0", | |||||
"webpack-sources": "^1.0.1" | |||||
} | |||||
}, | |||||
"concat-map": { | "concat-map": { | ||||
"version": "0.0.1", | "version": "0.0.1", | ||||
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", | ||||
@@ -7455,6 +7471,11 @@ | |||||
"sha.js": "^2.4.8" | "sha.js": "^2.4.8" | ||||
} | } | ||||
}, | }, | ||||
"pdfjs-dist": { | |||||
"version": "2.6.347", | |||||
"resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-2.6.347.tgz", | |||||
"integrity": "sha512-QC+h7hG2su9v/nU1wEI3SnpPIrqJODL7GTDFvR74ANKGq1AFJW16PH8VWnhpiTi9YcLSFV9xLeWSgq+ckHLdVQ==" | |||||
}, | |||||
"performance-now": { | "performance-now": { | ||||
"version": "2.1.0", | "version": "2.1.0", | ||||
"resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", | "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", | ||||
@@ -10178,6 +10199,63 @@ | |||||
"unpipe": "1.0.0" | "unpipe": "1.0.0" | ||||
} | } | ||||
}, | }, | ||||
"raw-loader": { | |||||
"version": "4.0.2", | |||||
"resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-4.0.2.tgz", | |||||
"integrity": "sha512-ZnScIV3ag9A4wPX/ZayxL/jZH+euYb6FcUinPcgiQW0+UBtEv0O6Q3lGd3cqJ+GHH+rksEv3Pj99oxJ3u3VIKA==", | |||||
"requires": { | |||||
"loader-utils": "^2.0.0", | |||||
"schema-utils": "^3.0.0" | |||||
}, | |||||
"dependencies": { | |||||
"ajv": { | |||||
"version": "6.12.6", | |||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", | |||||
"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", | |||||
"requires": { | |||||
"fast-deep-equal": "^3.1.1", | |||||
"fast-json-stable-stringify": "^2.0.0", | |||||
"json-schema-traverse": "^0.4.1", | |||||
"uri-js": "^4.2.2" | |||||
} | |||||
}, | |||||
"fast-deep-equal": { | |||||
"version": "3.1.3", | |||||
"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", | |||||
"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" | |||||
}, | |||||
"json-schema-traverse": { | |||||
"version": "0.4.1", | |||||
"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", | |||||
"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" | |||||
}, | |||||
"json5": { | |||||
"version": "2.2.1", | |||||
"resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", | |||||
"integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==" | |||||
}, | |||||
"loader-utils": { | |||||
"version": "2.0.4", | |||||
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", | |||||
"integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", | |||||
"requires": { | |||||
"big.js": "^5.2.2", | |||||
"emojis-list": "^3.0.0", | |||||
"json5": "^2.1.2" | |||||
} | |||||
}, | |||||
"schema-utils": { | |||||
"version": "3.1.1", | |||||
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz", | |||||
"integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==", | |||||
"requires": { | |||||
"@types/json-schema": "^7.0.8", | |||||
"ajv": "^6.12.5", | |||||
"ajv-keywords": "^3.5.2" | |||||
} | |||||
} | |||||
} | |||||
}, | |||||
"read-cache": { | "read-cache": { | ||||
"version": "1.0.0", | "version": "1.0.0", | ||||
"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", | "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", | ||||
@@ -12300,6 +12378,19 @@ | |||||
} | } | ||||
} | } | ||||
}, | }, | ||||
"vue-pdf": { | |||||
"version": "4.3.0", | |||||
"resolved": "https://registry.npmjs.org/vue-pdf/-/vue-pdf-4.3.0.tgz", | |||||
"integrity": "sha512-zd3lJj6CbtrawgaaDDciTDjkJMUKiLWtbEmBg5CvFn9Noe9oAO/GNy/fc5c59qGuFCJ14ibIV1baw4S07e5bSQ==", | |||||
"requires": { | |||||
"babel-plugin-syntax-dynamic-import": "^6.18.0", | |||||
"loader-utils": "^1.4.0", | |||||
"pdfjs-dist": "2.6.347", | |||||
"raw-loader": "^4.0.2", | |||||
"vue-resize-sensor": "^2.0.0", | |||||
"worker-loader": "^2.0.0" | |||||
} | |||||
}, | |||||
"vue-qrcode-reader": { | "vue-qrcode-reader": { | ||||
"version": "3.1.0", | "version": "3.1.0", | ||||
"resolved": "https://registry.npmjs.org/vue-qrcode-reader/-/vue-qrcode-reader-3.1.0.tgz", | "resolved": "https://registry.npmjs.org/vue-qrcode-reader/-/vue-qrcode-reader-3.1.0.tgz", | ||||
@@ -12319,6 +12410,11 @@ | |||||
} | } | ||||
} | } | ||||
}, | }, | ||||
"vue-resize-sensor": { | |||||
"version": "2.0.0", | |||||
"resolved": "https://registry.npmjs.org/vue-resize-sensor/-/vue-resize-sensor-2.0.0.tgz", | |||||
"integrity": "sha512-W+y2EAI/BxS4Vlcca9scQv8ifeBFck56DRtSwWJ2H4Cw1GLNUYxiZxUHHkuzuI5JPW/cYtL1bPO5xPyEXx4LmQ==" | |||||
}, | |||||
"vue-router": { | "vue-router": { | ||||
"version": "3.5.1", | "version": "3.5.1", | ||||
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz", | "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz", | ||||
@@ -13504,6 +13600,47 @@ | |||||
"errno": "~0.1.7" | "errno": "~0.1.7" | ||||
} | } | ||||
}, | }, | ||||
"worker-loader": { | |||||
"version": "2.0.0", | |||||
"resolved": "https://registry.npmjs.org/worker-loader/-/worker-loader-2.0.0.tgz", | |||||
"integrity": "sha512-tnvNp4K3KQOpfRnD20m8xltE3eWh89Ye+5oj7wXEEHKac1P4oZ6p9oTj8/8ExqoSBnk9nu5Pr4nKfQ1hn2APJw==", | |||||
"requires": { | |||||
"loader-utils": "^1.0.0", | |||||
"schema-utils": "^0.4.0" | |||||
}, | |||||
"dependencies": { | |||||
"ajv": { | |||||
"version": "6.12.6", | |||||
"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", | |||||
"integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", | |||||
"requires": { | |||||
"fast-deep-equal": "^3.1.1", | |||||
"fast-json-stable-stringify": "^2.0.0", | |||||
"json-schema-traverse": "^0.4.1", | |||||
"uri-js": "^4.2.2" | |||||
} | |||||
}, | |||||
"fast-deep-equal": { | |||||
"version": "3.1.3", | |||||
"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", | |||||
"integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" | |||||
}, | |||||
"json-schema-traverse": { | |||||
"version": "0.4.1", | |||||
"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", | |||||
"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" | |||||
}, | |||||
"schema-utils": { | |||||
"version": "0.4.7", | |||||
"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz", | |||||
"integrity": "sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==", | |||||
"requires": { | |||||
"ajv": "^6.1.0", | |||||
"ajv-keywords": "^3.1.0" | |||||
} | |||||
} | |||||
} | |||||
}, | |||||
"wrap-ansi": { | "wrap-ansi": { | ||||
"version": "2.1.0", | "version": "2.1.0", | ||||
"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", | "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", | ||||
@@ -31,6 +31,7 @@ | |||||
"vue-baidu-map": "^0.21.22", | "vue-baidu-map": "^0.21.22", | ||||
"vue-cookies": "^1.7.4", | "vue-cookies": "^1.7.4", | ||||
"vue-esign": "^1.0.5", | "vue-esign": "^1.0.5", | ||||
"vue-pdf": "^4.3.0", | |||||
"vue-qrcode-reader": "^3.1.0", | "vue-qrcode-reader": "^3.1.0", | ||||
"vue-router": "^3.0.1", | "vue-router": "^3.0.1", | ||||
"vue-search-tree": "^1.9.9", | "vue-search-tree": "^1.9.9", | ||||
@@ -49,6 +50,7 @@ | |||||
"babel-preset-env": "^1.3.2", | "babel-preset-env": "^1.3.2", | ||||
"babel-preset-stage-2": "^6.22.0", | "babel-preset-stage-2": "^6.22.0", | ||||
"chalk": "^2.0.1", | "chalk": "^2.0.1", | ||||
"compression-webpack-plugin": "^1.1.11", | |||||
"copy-webpack-plugin": "^4.0.1", | "copy-webpack-plugin": "^4.0.1", | ||||
"css-loader": "^0.28.0", | "css-loader": "^0.28.0", | ||||
"extract-text-webpack-plugin": "^3.0.0", | "extract-text-webpack-plugin": "^3.0.0", | ||||
@@ -717,3 +717,130 @@ export function getMonitor(query) { | |||||
params: query | params: query | ||||
}) | }) | ||||
} | } | ||||
// 查询案件下拉列表 | |||||
export function getCaseList(query) { | |||||
return request({ | |||||
url: '/enforce/case/getCaseList', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 查询案件文书列表 | |||||
export function getCaseDocumentList(query) { | |||||
return request({ | |||||
url: '/enforce/case/getCaseDocumentList', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成下载协助调查函 | |||||
export function createAssistPDF(query) { | |||||
return request({ | |||||
url: '/enforce/assist/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成现场检查(勘察)笔录PDF | |||||
export function createSurveyPDF(query) { | |||||
return request({ | |||||
url: '/enforce/survey/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成立案相关PDF | |||||
export function createPutrecordPDF(query) { | |||||
return request({ | |||||
url: '/enforce/putrecord/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成现场检查(勘察)笔录PDF | |||||
export function createOnrecordPDF(query) { | |||||
return request({ | |||||
url: '/enforce/onrecord/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成抽样产品相关PDF | |||||
export function createSamplingPDF(query) { | |||||
return request({ | |||||
url: '/enforce/sampling/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成PDF | |||||
export function createTreatPDF(query) { | |||||
return request({ | |||||
url: '/enforce/treat/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成PDF | |||||
export function createDecisionPDF(query) { | |||||
return request({ | |||||
url: '/enforce/decision/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成现场检查(勘察)笔录PDF | |||||
export function createEvidencePDF(query) { | |||||
return request({ | |||||
url: '/enforce/evidence/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成PDF | |||||
export function createExecutePDF(query) { | |||||
return request({ | |||||
url: '/enforce/execute/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 生成PDF | |||||
export function createEndingPDF(query) { | |||||
return request({ | |||||
url: '/enforce/ending/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 案件中止调查PDF | |||||
export function createBreakPDF(query) { | |||||
return request({ | |||||
url: '/enforce/break/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
// 案件恢复调查PDF | |||||
export function createResumePDF(query) { | |||||
return request({ | |||||
url: '/enforce/resume/createPDF', | |||||
method: 'post', | |||||
params: query | |||||
}) | |||||
} | |||||
@@ -139,11 +139,15 @@ const whiteList = [ | |||||
'/newBusinessEntity/map', //地图 | '/newBusinessEntity/map', //地图 | ||||
//农业大托管 | //农业大托管 | ||||
'/agriculturalTrusteeship/index', //首页 | |||||
'/agriculturalTrusteeship/index',//首页 | |||||
'/agriculturalTrusteeship/login',//登录 | |||||
'/agriculturalTrusteeship/insuranceList',//保险列表 | '/agriculturalTrusteeship/insuranceList',//保险列表 | ||||
'/agriculturalTrusteeship/insuranceProjectList',//保险产品列表 | '/agriculturalTrusteeship/insuranceProjectList',//保险产品列表 | ||||
'/agriculturalTrusteeship/insuranceProjectDetail',//保险产品详情 | '/agriculturalTrusteeship/insuranceProjectDetail',//保险产品详情 | ||||
'/agriculturalTrusteeship/societyList',//社会化列表 | |||||
'/agriculturalTrusteeship/societyProjectList',//社会化产品列表 | |||||
'/agriculturalTrusteeship/societyProjectDetail',//社会化产品详情 | |||||
'/agriculturalTrusteeship/shopList',//保险列表首页 | |||||
] | ] | ||||
router.beforeEach((to, from, next) => { | router.beforeEach((to, from, next) => { | ||||
@@ -3562,11 +3562,20 @@ export const constantRoutes = [ | |||||
path: '/lawEnforcement/record', | path: '/lawEnforcement/record', | ||||
name: 'lawEnforcementRecord', | name: 'lawEnforcementRecord', | ||||
meta: { | meta: { | ||||
title: '现场检查(勘察)笔录', | |||||
title: '现场检查笔录', | |||||
hidden: true, | hidden: true, | ||||
}, | }, | ||||
component: (resolve) => require(['@/views/lawEnforcement/record/record'], resolve) | component: (resolve) => require(['@/views/lawEnforcement/record/record'], resolve) | ||||
}, | }, | ||||
{ ////农业执法(新)-- 现场检查(勘察)笔录 | |||||
path: '/lawEnforcement/recordDetail', | |||||
name: 'lawEnforcementRecordDetail', | |||||
meta: { | |||||
title: '现场检查笔录', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/lawEnforcement/record/recordDetail'], resolve) | |||||
}, | |||||
{ ////农业执法(新)-- 案件列表 | { ////农业执法(新)-- 案件列表 | ||||
path: '/lawEnforcement/caseList', | path: '/lawEnforcement/caseList', | ||||
name: 'lawEnforcementCaseList', | name: 'lawEnforcementCaseList', | ||||
@@ -4499,6 +4508,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/agriculturalTrusteeship/index'], resolve) | component: (resolve) => require(['@/views/agriculturalTrusteeship/index'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/agriculturalTrusteeship/login', | |||||
name: 'agriculturalTrusteeshipLogin', | |||||
meta: { | |||||
title: '农业大托管登录', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/agriculturalTrusteeship/login'], resolve) | |||||
}, | |||||
{ | { | ||||
path: '/agriculturalTrusteeship/insuranceList', | path: '/agriculturalTrusteeship/insuranceList', | ||||
name: 'agriculturalTrusteeshipInsuranceList', | name: 'agriculturalTrusteeshipInsuranceList', | ||||
@@ -4535,6 +4553,33 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/agriculturalTrusteeship/society/societyList'], resolve) | component: (resolve) => require(['@/views/agriculturalTrusteeship/society/societyList'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/agriculturalTrusteeship/societyProjectList', | |||||
name: 'agriculturalTrusteeshipSocietyProjectList', | |||||
meta: { | |||||
title: '社会化服务', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/agriculturalTrusteeship/society/societyProjectList'], resolve) | |||||
}, | |||||
{ | |||||
path: '/agriculturalTrusteeship/societyProjectDetail', | |||||
name: 'agriculturalTrusteeshipSocietyProjectDetail', | |||||
meta: { | |||||
title: '社会化服务', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/agriculturalTrusteeship/society/societyProjectDetail'], resolve) | |||||
}, | |||||
{ | |||||
path: '/agriculturalTrusteeship/shopList', | |||||
name: 'agriculturalTrusteeshipShopList', | |||||
meta: { | |||||
title: '保险首页', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/agriculturalTrusteeship/shop/shopList'], resolve) | |||||
}, | |||||
]; | ]; | ||||
@@ -3,7 +3,7 @@ | |||||
<!-- 头部开始 --> | <!-- 头部开始 --> | ||||
<div class="header"> | <div class="header"> | ||||
<img src="../../../static/images/agriculturalTrusteeship/index/header.png"> | <img src="../../../static/images/agriculturalTrusteeship/index/header.png"> | ||||
<div class="header_box"> | |||||
<div class="header_box" @click="$router.push({name:'agriculturalTrusteeshipLogin'})"> | |||||
<p>点击登录</p> | <p>点击登录</p> | ||||
<p>登录才能下单或发布产品哦</p> | <p>登录才能下单或发布产品哦</p> | ||||
</div> | </div> | ||||
@@ -322,12 +322,10 @@ | |||||
} | } | ||||
} | } | ||||
&:nth-child(2){ | &:nth-child(2){ | ||||
flex: 1; | |||||
span{ | span{ | ||||
width: 50%; | |||||
display: inline-block; | display: inline-block; | ||||
text-align: center; | text-align: center; | ||||
padding: 2PX 2PX; | |||||
padding: 2PX 5PX; | |||||
&:nth-child(1){ | &:nth-child(1){ | ||||
color: #497CE8; | color: #497CE8; | ||||
background: #E2E9FD; | background: #E2E9FD; | ||||
@@ -0,0 +1,292 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<!-- 头部开始 --> | |||||
<div class="header"> | |||||
<div class="header_left" @click="onClickLeft"> | |||||
<img src="../../../static/images/agriculturalTrusteeship/return.png"> | |||||
</div> | |||||
<div class="tit"> | |||||
<p>大托管服务中心</p> | |||||
<p>登录注册</p> | |||||
</div> | |||||
</div> | |||||
<!-- 头部结束 --> | |||||
<!-- 登陆选择开始 --> | |||||
<div class="main" style="display: none;"> | |||||
<div class="nav"> | |||||
<div class="nav_content"> | |||||
<div> | |||||
<p class="nav_name_01">买家登录</p> | |||||
<p class="nav_text">登录后支持下单操作</p> | |||||
</div> | |||||
<i class="go"></i> | |||||
</div> | |||||
</div> | |||||
<div class="nav"> | |||||
<div class="nav_content"> | |||||
<div> | |||||
<p class="nav_name_02">社会化服务组织登录</p> | |||||
<p class="nav_text">登录发布社会化服务及相关产品</p> | |||||
</div> | |||||
<i class="go"></i> | |||||
</div> | |||||
</div> | |||||
<div class="nav"> | |||||
<div class="nav_content"> | |||||
<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> | |||||
<p class="nav_name_04">贷款机构登录</p> | |||||
<p class="nav_text">登录可发布贷款产品</p> | |||||
</div> | |||||
<i class="go"></i> | |||||
</div> | |||||
<div class="nav_content"> | |||||
<div> | |||||
<p class="nav_name_05">农担机构登录</p> | |||||
<p class="nav_text">登录可发布农担产品</p> | |||||
</div> | |||||
<i class="go"></i> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<!-- 登陆选择结束 --> | |||||
<!-- 登录开始 --> | |||||
<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="请输入用户名" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<p class="submit_btn" @click="$router.push({name:'agriculturalTrusteeshipShopList'})">登录</p> | |||||
</van-tab> | |||||
<van-tab name="register" title="注册"> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入用户名" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value1" center :border="false" placeholder="请输入密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<p class="submit_btn">登录</p> | |||||
</van-tab> | |||||
</van-tabs> | |||||
</div> | |||||
<!-- 登录结束 --> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "agriculturalTrusteeshipLogin", | |||||
data() { | |||||
return { | |||||
active:0, | |||||
value1:'', | |||||
position:'absolute', | |||||
top: '50%', | |||||
transform:'translateY(-50%)', | |||||
left:'4%' | |||||
}; | |||||
}, | |||||
created() { | |||||
}, | |||||
methods: { | |||||
tabsChange(name){ | |||||
console.log(name) | |||||
if ( name == 'register' ){ | |||||
this.position = 'relative'; | |||||
this.top = '40px'; | |||||
this.transform = 'none'; | |||||
this.left = '0'; | |||||
}else if( name == 'login'){ | |||||
this.position = 'absolute'; | |||||
this.top = '50%'; | |||||
this.transform = 'translateY(-50%)'; | |||||
this.left = '4%'; | |||||
} | |||||
} | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.home_wrapper{ | |||||
background: url("../../../static/images/agriculturalTrusteeship/login/login_bg.png") no-repeat; | |||||
background-size: 100%; | |||||
height: 100vh; | |||||
overflow-y: scroll; | |||||
} | |||||
/*头部*/ | |||||
.header{ | |||||
display: flex; | |||||
align-items: start; | |||||
justify-content: space-between; | |||||
padding: 2vh 4% 2vh; | |||||
position: relative; | |||||
.header_left{ | |||||
display: flex; | |||||
align-items: center; | |||||
background-color: rgba(0,0,0,0.5); | |||||
width: 30PX; | |||||
height: 30PX; | |||||
justify-content: center; | |||||
border-radius: 100%; | |||||
} | |||||
.tit{ | |||||
font-size: .7rem; | |||||
color: #334281; | |||||
text-align: center; | |||||
position: absolute; | |||||
left: 50%; | |||||
transform: translateX(-50%); | |||||
line-height: 1; | |||||
p{ | |||||
&:nth-child(1){ | |||||
margin-bottom: 15PX; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
/*导航*/ | |||||
.main{ | |||||
position: absolute; | |||||
top: 20vh; | |||||
width: 100%; | |||||
} | |||||
.nav{ | |||||
background-color: rgba(255,255,255,0.95); | |||||
width: 92%; | |||||
margin: 0 auto; | |||||
padding: 25PX; | |||||
border-radius: 15PX; | |||||
margin-top: 15PX; | |||||
box-shadow: 0px 5PX 10PX rgba(0,0,0,0.16); | |||||
.nav_content{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
p{ | |||||
&:nth-child(1){ | |||||
font-size: .5rem; | |||||
color: #334281; | |||||
padding-left: 25PX; | |||||
} | |||||
&:nth-child(2){ | |||||
color: #626C88; | |||||
margin-top: 10PX; | |||||
} | |||||
} | |||||
.nav_name_01{ | |||||
background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_01.png") no-repeat left center; | |||||
} | |||||
.nav_name_02{ | |||||
background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_02.png") no-repeat left center; | |||||
} | |||||
.nav_name_03{ | |||||
background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_03.png") no-repeat left center; | |||||
} | |||||
.nav_name_04{ | |||||
background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_04.png") no-repeat left center; | |||||
} | |||||
.nav_name_05{ | |||||
background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_05.png") no-repeat left center; | |||||
} | |||||
} | |||||
.go{ | |||||
width: 20PX; | |||||
height: 20PX; | |||||
display: block; | |||||
background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_06.png") no-repeat left center; | |||||
} | |||||
} | |||||
.login_main{ | |||||
background-color: rgba(255,255,255,0.95); | |||||
width: 92%; | |||||
margin: 0 auto; | |||||
padding: 25PX; | |||||
padding-top: 15PX; | |||||
border-radius: 15PX; | |||||
box-shadow: 0px 5PX 10PX rgba(0,0,0,0.16); | |||||
/deep/ .van-field__left-icon{ | |||||
display: flex; | |||||
align-items: center; | |||||
} | |||||
/deep/ .van-cell{ | |||||
background: transparent; | |||||
padding: 5PX 0; | |||||
margin-top: 25PX; | |||||
border-bottom: 1px solid #1E67FF; | |||||
} | |||||
.submit_btn{ | |||||
width: 50%; | |||||
padding: 8PX 0; | |||||
margin: 25PX auto 0; | |||||
background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4); | |||||
text-align: center; | |||||
font-size: .35rem; | |||||
color: #ffffff; | |||||
border-radius: 50PX; | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,316 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<!-- 头部开始 --> | |||||
<div class="header"> | |||||
<div class="header_left" @click="onClickLeft"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | |||||
<p>退出登录</p> | |||||
</div> | |||||
<p class="header_right">河东河西村</p> | |||||
</div> | |||||
<!-- 头部结束 --> | |||||
<div class="nav"> | |||||
<div class="content"> | |||||
<van-cell :border="false" center> | |||||
<template #title> | |||||
<p class="tt">公司信息</p> | |||||
</template> | |||||
<template #right-icon> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_edit.png"> | |||||
</template> | |||||
</van-cell> | |||||
<van-field | |||||
value="包有钱保险公司" | |||||
label="机构名称" | |||||
left-icon="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_com.png" | |||||
input-align="right" | |||||
:border="false" | |||||
placeholder="显示图标" | |||||
/> | |||||
<van-field | |||||
value="张菲菲" | |||||
label="姓名" | |||||
left-icon="../../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" | |||||
input-align="right" | |||||
:border="false" | |||||
placeholder="显示图标" | |||||
/> | |||||
<van-field | |||||
value="19855460315" | |||||
label="联系方式" | |||||
left-icon="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_phone.png" | |||||
input-align="right" | |||||
:border="false" | |||||
placeholder="显示图标" | |||||
/> | |||||
</div> | |||||
</div> | |||||
<!-- 内容开始 --> | |||||
<div class="main"> | |||||
<van-tabs v-model="active" sticky animated> | |||||
<van-tab title="售卖中"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_add.png" style="margin: 0 auto;display: block;width: 94%;"> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
> | |||||
<!-- @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_content"> | |||||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||||
<div class="tab"> | |||||
<p>健康保险</p> | |||||
<div> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_01.png" /> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_02.png" /> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</van-list> | |||||
</van-tab> | |||||
<van-tab title="已下架"> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
> | |||||
<!-- @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_content"> | |||||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||||
<div class="tab"> | |||||
<p>健康保险</p> | |||||
<div> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_01.png" /> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_03.png" /> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</van-list> | |||||
</van-tab> | |||||
</van-tabs> | |||||
</div> | |||||
<!-- 内容结束 --> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "agriculturalTrusteeshipInsuranceList", | |||||
data() { | |||||
return { | |||||
activeKey: 0, | |||||
active: 0, | |||||
loading: false, | |||||
finished: false, | |||||
}; | |||||
}, | |||||
created() { | |||||
}, | |||||
methods: { | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.home_wrapper{ | |||||
} | |||||
/*头部*/ | |||||
.header{ | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4); | |||||
padding: 2vh 4% 2vh; | |||||
.header_left{ | |||||
display: flex; | |||||
align-items: center; | |||||
p{ | |||||
font-size: .4rem; | |||||
color: #ffffff; | |||||
line-height: 1; | |||||
margin-left: 10PX; | |||||
} | |||||
} | |||||
.header_right{ | |||||
font-size: .35rem; | |||||
background: #ffffff url("../../../../static/images/agriculturalTrusteeship/address.png") no-repeat 10PX center; | |||||
padding: 2PX 15PX 2PX 25PX; | |||||
border-radius: 50PX; | |||||
} | |||||
} | |||||
.nav{ | |||||
background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4); | |||||
padding-bottom: 15PX; | |||||
.tt{ | |||||
font-size: .45rem; | |||||
color: #334281; | |||||
} | |||||
.content{ | |||||
background: #ffffff; | |||||
width: 92%; | |||||
margin: 0 auto; | |||||
box-shadow: 0px 0px 10PX rgba(0,0,0,0.1); | |||||
border-radius: 25PX; | |||||
padding: 1.5vh 4%; | |||||
} | |||||
/deep/ .van-cell{ | |||||
padding: 0; | |||||
margin-bottom: 10PX; | |||||
&:last-child{ | |||||
margin: 0; | |||||
} | |||||
} | |||||
} | |||||
/* 内容 */ | |||||
.main{ | |||||
background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4); | |||||
/deep/ .van-tabs__nav{ | |||||
border-top-left-radius: 25PX; | |||||
border-top-right-radius: 25PX; | |||||
overflow: hidden; | |||||
} | |||||
/deep/ .van-tabs__line{ | |||||
background: #334281!important; | |||||
} | |||||
/deep/ .van-tab--active{ | |||||
color: #334281; | |||||
} | |||||
/deep/ .van-tabs__content{ | |||||
background: #ffffff; | |||||
padding-top: 2vh; | |||||
} | |||||
.search{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 92%; | |||||
margin: 0PX auto; | |||||
border: 1px solid #6E93F3; | |||||
padding: 1PX 1PX 1PX 12PX ; | |||||
border-radius: 50PX; | |||||
input{ | |||||
flex: 1; | |||||
background: transparent; | |||||
margin-left: 10PX; | |||||
} | |||||
} | |||||
.content{ | |||||
width: 92%; | |||||
margin: 0 auto; | |||||
margin-top: 2vh; | |||||
.content_tt{ | |||||
font-size: .35rem; | |||||
} | |||||
.content_con{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
margin-top: 1.5vh; | |||||
.content_con_left{ | |||||
display: flex; | |||||
flex-direction:column; | |||||
justify-content: space-between; | |||||
p{ | |||||
font-size: .35rem; | |||||
padding-left: 18PX; | |||||
&:nth-child(1){ | |||||
background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_project.png") no-repeat left center; | |||||
} | |||||
&:nth-child(2){ | |||||
background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_name.png") no-repeat left center; | |||||
} | |||||
&:nth-child(3){ | |||||
background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_iphone.png") no-repeat left center; | |||||
} | |||||
} | |||||
} | |||||
.content_con_right{ | |||||
display: flex; | |||||
justify-content: end; | |||||
align-items: center; | |||||
img{ | |||||
border-radius: 10PX; | |||||
width: 40%; | |||||
margin-left: 5%; | |||||
box-shadow: 0px 5PX 10PX rgba(0,0,0,0.2); | |||||
&:last-child{ | |||||
width: auto; | |||||
box-shadow: none; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.main_content_right_list{ | |||||
display: flex; | |||||
margin: 0 auto; | |||||
margin-top: 2vh; | |||||
width: 92%; | |||||
img{ | |||||
border-radius: 15PX; | |||||
margin-right: 4%; | |||||
width: 30%; | |||||
} | |||||
.main_content_right_list_content{ | |||||
display: flex; | |||||
flex-direction:column; | |||||
justify-content: space-between; | |||||
.tt{ | |||||
color: #333333; | |||||
font-size: .35rem; | |||||
} | |||||
.tab{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
p{ | |||||
flex-shrink: 0; | |||||
&:nth-child(1){ | |||||
color: #497CE8; | |||||
background: #E2E9FD; | |||||
padding: 4PX 10PX; | |||||
border-radius: 5PX; | |||||
} | |||||
} | |||||
div{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
img{ | |||||
display: block; | |||||
border-radius: none; | |||||
margin-right: 0; | |||||
width: 50%; | |||||
} | |||||
} | |||||
} | |||||
.name{ | |||||
color: #8F8F8F; | |||||
background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center; | |||||
padding-left: 18PX; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -13,7 +13,7 @@ | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<div class="main"> | <div class="main"> | ||||
<van-tabs v-model="active" sticky animated> | <van-tabs v-model="active" sticky animated> | ||||
<van-tab title="保险公司"> | |||||
<van-tab title="服务组织"> | |||||
<div class="search"> | <div class="search"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | ||||
<input type="text" placeholder="输入需求进行搜索" /> | <input type="text" placeholder="输入需求进行搜索" /> | ||||
@@ -25,8 +25,23 @@ | |||||
:finished="finished" | :finished="finished" | ||||
finished-text="没有更多了" | finished-text="没有更多了" | ||||
> | > | ||||
<div class="content" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipInsuranceProjectList'})"> | |||||
<p class="content_tt">张三李四合伙开公司有限公司</p> | |||||
<div class="content" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectList'})"> | |||||
<div class="tt_box"> | |||||
<p class="content_tt">张三李四合伙开公司有限公司</p> | |||||
<div class="tab_box"> | |||||
<div class="tab_left"> | |||||
<p>产品 <span>60</span></p> | |||||
<p>订单 <span>2851</span></p> | |||||
</div> | |||||
<div class="tab_right"> | |||||
<p>渔业</p> | |||||
<p>牧业</p> | |||||
<p>农业</p> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<div class="content_con"> | <div class="content_con"> | ||||
<div class="content_con_left"> | <div class="content_con_left"> | ||||
<p>60个产品</p> | <p>60个产品</p> | ||||
@@ -43,31 +58,68 @@ | |||||
</van-list> | </van-list> | ||||
</van-tab> | </van-tab> | ||||
<van-tab title="保险产品"> | |||||
<van-tab title="服务项目"> | |||||
<div class="search"> | <div class="search"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | ||||
<input type="text" placeholder="输入需求进行搜索" /> | <input type="text" placeholder="输入需求进行搜索" /> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" /> | <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" /> | ||||
</div> | </div> | ||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
> | |||||
<!-- @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_content"> | |||||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||||
<!-- <div class="tab">--> | |||||
<!-- <p>¥<span>66</span>.00/亩</p>--> | |||||
<!-- <p><span>销 600</span><span>分 4.7</span></p>--> | |||||
<!-- </div>--> | |||||
<p class="name">张三社会服务旗舰店</p> | |||||
<div class="main_content"> | |||||
<div class="main_content_left"> | |||||
<van-sidebar v-model="activeKey"> | |||||
<van-sidebar-item title="全套服务" /> | |||||
<van-sidebar-item title="开垦" /> | |||||
<van-sidebar-item title="除草" /> | |||||
<van-sidebar-item title="播种" /> | |||||
<van-sidebar-item title="灌溉" /> | |||||
<van-sidebar-item title="开垦" /> | |||||
<van-sidebar-item title="除草" /> | |||||
<van-sidebar-item title="播种" /> | |||||
<van-sidebar-item title="灌溉" /> | |||||
<van-sidebar-item title="开垦" /> | |||||
<van-sidebar-item title="除草" /> | |||||
<van-sidebar-item title="播种" /> | |||||
<van-sidebar-item title="灌溉" /> | |||||
</van-sidebar> | |||||
</div> | |||||
<div class="main_content_right"> | |||||
<div class="main_content_right_header"> | |||||
<p class="main_content_right_header_tit">灌溉</p> | |||||
<!-- <van-tabs v-model="active" animated>--> | |||||
<!-- <van-tab title="评分排序"></van-tab>--> | |||||
<!-- <van-tab title="销量排序"></van-tab>--> | |||||
<!-- </van-tabs>--> | |||||
</div> | </div> | ||||
<div class="main_content_right_nav"> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
</div> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
> | |||||
<!-- @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_content"> | |||||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||||
<div class="tab"> | |||||
<p>¥<span>66</span>.00/亩</p> | |||||
<p><span>销 600</span><span>分 4.7</span></p> | |||||
</div> | |||||
<p class="name">张三社会服务旗舰店</p> | |||||
</div> | |||||
</div> | |||||
</van-list> | |||||
</div> | </div> | ||||
</van-list> | |||||
</div> | |||||
</van-tab> | </van-tab> | ||||
</van-tabs> | </van-tabs> | ||||
@@ -167,6 +219,42 @@ | |||||
padding: 1.5vh 4%; | padding: 1.5vh 4%; | ||||
.content_tt{ | .content_tt{ | ||||
font-size: .35rem; | font-size: .35rem; | ||||
margin-bottom: 1vh; | |||||
} | |||||
.tt_box{ | |||||
border-bottom: 1PX solid #D1D8EB; | |||||
padding-bottom: 1.5vh; | |||||
.tab_box{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
.tab_left{ | |||||
display: flex; | |||||
p{ | |||||
&:nth-child(1){ | |||||
border-right: 1px solid; | |||||
padding-right: 8PX; | |||||
margin-right: 8PX; | |||||
} | |||||
span{ | |||||
color: #2B7EEC; | |||||
} | |||||
line-height: 1; | |||||
} | |||||
} | |||||
.tab_right{ | |||||
display: flex; | |||||
p{ | |||||
background: #F3F6FE; | |||||
padding: 5PX 10PX; | |||||
color: #497CE8; | |||||
line-height: 1; | |||||
border-radius: 5PX; | |||||
margin-left: 10PX; | |||||
} | |||||
} | |||||
} | |||||
} | } | ||||
.content_con{ | .content_con{ | ||||
display: flex; | display: flex; | ||||
@@ -207,6 +295,106 @@ | |||||
} | } | ||||
} | } | ||||
} | } | ||||
.main_content{ | |||||
display: flex; | |||||
width: 96%; | |||||
margin-top: 2vh; | |||||
height: 79.7vh; | |||||
overflow: hidden; | |||||
.van-sidebar-item{ | |||||
text-align: center; | |||||
} | |||||
/deep/ .van-sidebar-item--select::before{ | |||||
display: none; | |||||
} | |||||
.main_content_left{ | |||||
border-top-right-radius: 15PX; | |||||
height: 100%; | |||||
overflow-y: scroll; | |||||
} | |||||
.main_content_right{ | |||||
flex: 1; | |||||
padding-left: 4%; | |||||
height: 100%; | |||||
overflow-y: scroll; | |||||
.main_content_right_header{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
.main_content_right_header_tit{ | |||||
font-size: .4rem; | |||||
color: #1A1D4A; | |||||
} | |||||
} | |||||
.main_content_right_nav{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
margin-top: 2vh; | |||||
p{ | |||||
padding: 5PX 10PX; | |||||
background: #F5F5F5; | |||||
color: #8F8F8F; | |||||
border-radius: 4PX; | |||||
} | |||||
} | |||||
.main_content_right_list{ | |||||
display: flex; | |||||
margin-top: 2vh; | |||||
width: 100%; | |||||
img{ | |||||
border-radius: 15PX; | |||||
margin-right: 4%; | |||||
width: auto; | |||||
} | |||||
.main_content_right_list_content{ | |||||
display: flex; | |||||
flex-direction:column; | |||||
justify-content: space-between; | |||||
.tt{ | |||||
color: #333333; | |||||
font-size: .35rem; | |||||
} | |||||
.tab{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
p{ | |||||
&:nth-child(1){ | |||||
flex: 1; | |||||
color: #FF5E00; | |||||
span{ | |||||
font-size: .4rem; | |||||
} | |||||
} | |||||
&:nth-child(2){ | |||||
flex: 1; | |||||
span{ | |||||
width: 50%; | |||||
display: inline-block; | |||||
text-align: center; | |||||
padding: 2PX 2PX; | |||||
&:nth-child(1){ | |||||
color: #497CE8; | |||||
background: #E2E9FD; | |||||
border-top-left-radius: 10PX; | |||||
} | |||||
&:nth-child(2){ | |||||
color: #ffffff; | |||||
background-image: linear-gradient(to right , #5D87FA , #5FD5F5); | |||||
border-bottom-right-radius: 10PX; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.name{ | |||||
color: #8F8F8F; | |||||
background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center; | |||||
padding-left: 14PX; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.main_content_right_list{ | .main_content_right_list{ | ||||
display: flex; | display: flex; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
@@ -0,0 +1,207 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<!-- 头部开始 --> | |||||
<div class="header"> | |||||
<div class="header_left" @click="onClickLeft"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | |||||
</div> | |||||
<div class="header_right" @click="onClickLeft"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/share.png"> | |||||
</div> | |||||
</div> | |||||
<!-- 头部结束 --> | |||||
<!-- 内容开始 --> | |||||
<div class="main"> | |||||
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> | |||||
<van-swipe-item><img src="../../../../static/images/agriculturalTrusteeship/test3.png"></van-swipe-item> | |||||
<van-swipe-item><img src="../../../../static/images/agriculturalTrusteeship/test3.png"></van-swipe-item> | |||||
<van-swipe-item><img src="../../../../static/images/agriculturalTrusteeship/test3.png"></van-swipe-item> | |||||
<van-swipe-item><img src="../../../../static/images/agriculturalTrusteeship/test3.png"></van-swipe-item> | |||||
</van-swipe> | |||||
<div class="main_content"> | |||||
<div class="tab"> | |||||
<p>¥<span>66</span>.00/亩</p> | |||||
<p><span>销 600</span><span>分 4.7</span></p> | |||||
</div> | |||||
<p class="tt">农业保险玉米保险30/亩小麦50/亩大豆60/亩</p> | |||||
<p class="name">张三社会服务旗舰店</p> | |||||
</div> | |||||
<div class="main_box"> | |||||
<van-cell title="产品类型" :border="false" value="内容" /> | |||||
<van-cell title="产品规格" :border="false" value="内容" /> | |||||
<van-cell title="产品数量" :border="false" value="内容" /> | |||||
<van-cell title="服务区域" :border="false" value="内容" /> | |||||
<van-cell title="产品简介" :border="false" value="内容" /> | |||||
<van-cell title="公司地址" :border="false" value="内容" /> | |||||
</div> | |||||
<div class="main_box"> | |||||
<van-cell title="联系人" :border="false" value="内容" /> | |||||
<van-cell title="联系方式" :border="false" value="内容" /> | |||||
</div> | |||||
<div class="main_box" style="padding: 0;"> | |||||
<baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" > | |||||
<!-- 必须给容器指高度,不然地图将显示在一个高度为0的容器中,看不到 --> | |||||
<bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation> | |||||
<bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker> | |||||
</baidu-map> | |||||
</div> | |||||
</div> | |||||
<!-- 内容结束 --> | |||||
<!-- 底部提交按钮 --> | |||||
<div class="footer"> | |||||
<p>温馨提示:下单前请先与商家沟通联系</p> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/submit_shop_btn.png"> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "agriculturalTrusteeshipInsuranceDetail", | |||||
data() { | |||||
return { | |||||
activeKey: 0, | |||||
active: 0, | |||||
loading: false, | |||||
finished: false, | |||||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | |||||
zoom: 15, //地图展示级别 | |||||
}; | |||||
}, | |||||
created() { | |||||
}, | |||||
methods: { | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.home_wrapper{ | |||||
padding-bottom: 15vh; | |||||
} | |||||
/*头部*/ | |||||
.header{ | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
padding: 2vh 4% 2vh; | |||||
position: absolute; | |||||
top: 0; | |||||
z-index: 99999999; | |||||
width: 100%; | |||||
.header_left{ | |||||
display: flex; | |||||
align-items: center; | |||||
p{ | |||||
font-size: .4rem; | |||||
color: #ffffff; | |||||
line-height: 1; | |||||
margin-left: 10PX; | |||||
} | |||||
} | |||||
.header_right{ | |||||
} | |||||
} | |||||
/* 内容 */ | |||||
.main{ | |||||
.my-swipe .van-swipe-item { | |||||
color: #fff; | |||||
font-size: 20px; | |||||
text-align: center; | |||||
} | |||||
.main_content{ | |||||
background: #ffffff; | |||||
padding: 2vh 4%; | |||||
width: 92%; | |||||
margin: 0 auto; | |||||
border-radius: 10PX; | |||||
margin-top: 2vh; | |||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||||
.tt{ | |||||
font-size: .4rem; | |||||
margin-bottom: 10PX; | |||||
} | |||||
.name{ | |||||
color: #4E7FFF; | |||||
background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center; | |||||
padding-left: 18PX; | |||||
} | |||||
.tab{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
margin-bottom: 10PX; | |||||
p{ | |||||
&:nth-child(1){ | |||||
flex: 1; | |||||
color: #FF5E00; | |||||
span{ | |||||
font-size: .45rem; | |||||
} | |||||
} | |||||
&:nth-child(2){ | |||||
span{ | |||||
display: inline-block; | |||||
text-align: center; | |||||
padding: 2PX 10PX; | |||||
&:nth-child(1){ | |||||
color: #497CE8; | |||||
background: #E2E9FD; | |||||
border-top-left-radius: 10PX; | |||||
} | |||||
&:nth-child(2){ | |||||
color: #ffffff; | |||||
background-image: linear-gradient(to right , #5D87FA , #5FD5F5); | |||||
border-bottom-right-radius: 10PX; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.main_box{ | |||||
width: 92%; | |||||
margin: 0 auto; | |||||
margin-top: 2vh; | |||||
border-radius: 10PX; | |||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||||
overflow: hidden; | |||||
background-color: #FFF; | |||||
padding: 2vh 4%; | |||||
/deep/ .van-cell{ | |||||
padding: 0; | |||||
margin-bottom: 10PX; | |||||
&:last-child{ | |||||
margin-bottom: 0; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.footer{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
background: #ffffff; | |||||
position: fixed; | |||||
bottom: 0; | |||||
padding: 1vh 4%; | |||||
width: 100%; | |||||
p{ | |||||
color: #989898; | |||||
background: #F2F2F2; | |||||
padding: 5PX 10PX; | |||||
text-align: center; | |||||
border-radius: 8PX; | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,274 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<!-- 头部开始 --> | |||||
<div class="header"> | |||||
<div class="header_left" @click="onClickLeft"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | |||||
<p>张三服务合作社</p> | |||||
</div> | |||||
</div> | |||||
<!-- 头部结束 --> | |||||
<!-- 内容开始 --> | |||||
<div class="main"> | |||||
<div class="search"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | |||||
<input type="text" placeholder="输入需求进行搜索" /> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" /> | |||||
</div> | |||||
<div class="main_content"> | |||||
<div class="main_content_left"> | |||||
<van-sidebar v-model="activeKey"> | |||||
<van-sidebar-item title="全套服务" /> | |||||
<van-sidebar-item title="开垦" /> | |||||
<van-sidebar-item title="除草" /> | |||||
<van-sidebar-item title="播种" /> | |||||
<van-sidebar-item title="灌溉" /> | |||||
<van-sidebar-item title="开垦" /> | |||||
<van-sidebar-item title="除草" /> | |||||
<van-sidebar-item title="播种" /> | |||||
<van-sidebar-item title="灌溉" /> | |||||
<van-sidebar-item title="开垦" /> | |||||
<van-sidebar-item title="除草" /> | |||||
<van-sidebar-item title="播种" /> | |||||
<van-sidebar-item title="灌溉" /> | |||||
</van-sidebar> | |||||
</div> | |||||
<div class="main_content_right"> | |||||
<div class="main_content_right_header"> | |||||
<p class="main_content_right_header_tit">灌溉</p> | |||||
<van-tabs v-model="active" animated> | |||||
<van-tab title="评分排序"></van-tab> | |||||
<van-tab title="销量排序"></van-tab> | |||||
</van-tabs> | |||||
</div> | |||||
<div class="main_content_right_nav"> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
</div> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
> | |||||
<!-- @load="onLoad"--> | |||||
<div class="main_content_right_list" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectDetail'})"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||||
<div class="main_content_right_list_content"> | |||||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||||
<div class="tab"> | |||||
<p>¥<span>66</span>.00/亩</p> | |||||
<p><span>销 600</span><span>分 4.7</span></p> | |||||
</div> | |||||
<!-- <p class="name">张三社会服务旗舰店</p>--> | |||||
</div> | |||||
</div> | |||||
</van-list> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<!-- 内容结束 --> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "agriculturalTrusteeshipInsuranceList", | |||||
data() { | |||||
return { | |||||
activeKey: 0, | |||||
active: 0, | |||||
loading: false, | |||||
finished: false, | |||||
}; | |||||
}, | |||||
created() { | |||||
}, | |||||
methods: { | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.home_wrapper{ | |||||
background: url("../../../../static/images/agriculturalTrusteeship/insurance/society_list_head.png") no-repeat; | |||||
} | |||||
/*头部*/ | |||||
.header{ | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-between; | |||||
padding: 2vh 4% 2vh; | |||||
.header_left{ | |||||
display: flex; | |||||
align-items: center; | |||||
p{ | |||||
font-size: .4rem; | |||||
color: #ffffff; | |||||
line-height: 1; | |||||
margin-left: 10PX; | |||||
} | |||||
} | |||||
.header_right{ | |||||
font-size: .35rem; | |||||
background: #ffffff url("../../../../static/images/agriculturalTrusteeship/address.png") no-repeat 10PX center; | |||||
padding: 2PX 15PX 2PX 25PX; | |||||
border-radius: 50PX; | |||||
} | |||||
} | |||||
/* 内容 */ | |||||
.main{ | |||||
background: #ffffff; | |||||
padding-top: 2vh; | |||||
border-top-left-radius: 25PX; | |||||
border-top-right-radius: 25PX; | |||||
.search{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 92%; | |||||
margin: 0PX auto; | |||||
border: 1px solid #6E93F3; | |||||
padding: 1PX 1PX 1PX 12PX ; | |||||
border-radius: 50PX; | |||||
input{ | |||||
flex: 1; | |||||
background: transparent; | |||||
margin-left: 10PX; | |||||
} | |||||
} | |||||
/deep/ .van-tabs--line .van-tabs__wrap{ | |||||
border-radius: 100rem; | |||||
height: 25PX; | |||||
} | |||||
/deep/ .van-tab{ | |||||
z-index: 1; | |||||
color: #8F8F8F; | |||||
padding: 5PX 10PX; | |||||
} | |||||
/deep/ .van-tab--active{ | |||||
color: #334281; | |||||
} | |||||
/deep/ .van-tabs__nav{ | |||||
background: #ECECEC; | |||||
} | |||||
/deep/ .van-tabs__nav--line{ | |||||
padding: 0; | |||||
} | |||||
/deep/ .van-tabs__line{ | |||||
background: #D6D9E6; | |||||
border-radius: 100rem; | |||||
z-index: 0; | |||||
width: 50%; | |||||
height: 100%; | |||||
bottom: 0; | |||||
} | |||||
.main_content{ | |||||
display: flex; | |||||
width: 96%; | |||||
margin-top: 2vh; | |||||
height: 85.5vh; | |||||
overflow: hidden; | |||||
.van-sidebar-item{ | |||||
text-align: center; | |||||
} | |||||
/deep/ .van-sidebar-item--select::before{ | |||||
display: none; | |||||
} | |||||
.main_content_left{ | |||||
border-top-right-radius: 15PX; | |||||
height: 100%; | |||||
overflow-y: scroll; | |||||
} | |||||
.main_content_right{ | |||||
flex: 1; | |||||
padding-left: 4%; | |||||
height: 100%; | |||||
overflow-y: scroll; | |||||
.main_content_right_header{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
.main_content_right_header_tit{ | |||||
font-size: .4rem; | |||||
color: #1A1D4A; | |||||
} | |||||
} | |||||
.main_content_right_nav{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
margin-top: 2vh; | |||||
p{ | |||||
padding: 5PX 10PX; | |||||
background: #F5F5F5; | |||||
color: #8F8F8F; | |||||
border-radius: 4PX; | |||||
} | |||||
} | |||||
.main_content_right_list{ | |||||
display: flex; | |||||
margin-top: 2vh; | |||||
img{ | |||||
border-radius: 15PX; | |||||
margin-right: 4%; | |||||
height: 8vh; | |||||
} | |||||
.main_content_right_list_content{ | |||||
display: flex; | |||||
flex-direction:column; | |||||
justify-content: space-between; | |||||
.tt{ | |||||
color: #333333; | |||||
font-size: .35rem; | |||||
} | |||||
.tab{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
p{ | |||||
&:nth-child(1){ | |||||
flex: 1; | |||||
color: #FF5E00; | |||||
span{ | |||||
font-size: .4rem; | |||||
} | |||||
} | |||||
&:nth-child(2){ | |||||
span{ | |||||
display: inline-block; | |||||
text-align: center; | |||||
padding: 2PX 5PX; | |||||
&:nth-child(1){ | |||||
color: #497CE8; | |||||
background: #E2E9FD; | |||||
border-top-left-radius: 10PX; | |||||
} | |||||
&:nth-child(2){ | |||||
color: #ffffff; | |||||
background-image: linear-gradient(to right , #5D87FA , #5FD5F5); | |||||
border-bottom-right-radius: 10PX; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.name{ | |||||
color: #8F8F8F; | |||||
background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center; | |||||
padding-left: 14PX; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -57,8 +57,8 @@ | |||||
<td rowspan="2"><img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecordDocument'})"></td> | <td rowspan="2"><img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecordDocument'})"></td> | ||||
</tr> | </tr> | ||||
<tr> | <tr> | ||||
<td><img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})"></td> | |||||
<td><img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})"></td> | |||||
<td colspan="2"><img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})"></td> | |||||
<!-- <td><img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})"></td>--> | |||||
</tr> | </tr> | ||||
</table> | </table> | ||||
<!-- <van-row>--> | <!-- <van-row>--> | ||||
@@ -6,107 +6,59 @@ | |||||
</div> | </div> | ||||
<div style="height: 58px;"></div> | <div style="height: 58px;"></div> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
<van-field v-model="value" label="案件名称" placeholder="请选择案件名称" :border="false" readonly is-link @click="$router.push({name:'lawEnforcementCaseList'})" /> | |||||
<van-field v-model="value" label="执法节点" placeholder="请选择执法节点" :border="false" readonly is-link arrow-direction="down" > | |||||
<template #input> | |||||
<van-popover | |||||
v-model="showPopover" | |||||
trigger="click" | |||||
:actions="actions" | |||||
placement="bottom-start" | |||||
> | |||||
<template #reference> | |||||
<p style="color: #cccccc">请选择执法节点</p> | |||||
</template> | |||||
</van-popover> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value" label="签字上传" :border="false" readonly > | |||||
<template #input> | |||||
<van-uploader v-model="fileList" multiple /> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="value" label="案件名称" placeholder="请选择案件名称" :border="false" readonly is-link @click="showPicker = true" /> | |||||
</div> | </div> | ||||
<div class="main_box" style="margin-top: 10px;"> | |||||
<van-cell> | |||||
<template #title> | |||||
<van-icon name="../../../static/images/lawEnforcement/icon/record_icon_01.png" size="20"></van-icon> | |||||
<span class="custom-title">视频地址<i class="bgBlue"></i></span> | |||||
</template> | |||||
</van-cell> | |||||
<van-field type="textarea" autosize :border="false" placeholder="输入视频地址、执法文件名称等" /> | |||||
</div> | |||||
<div class="main_box" style="margin-top: 10px;"> | |||||
<van-cell> | |||||
<template #title> | |||||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon> | |||||
<span class="custom-title">模板<i class="bgBlue"></i></span> | |||||
</template> | |||||
</van-cell> | |||||
<div class="cf"> | |||||
<van-row> | |||||
<van-col :span="6"> | |||||
<van-image src="../../../../static/images/lawEnforcement/icon/record_icon_02.png" width="50" /> | |||||
<div class="main_box" style="margin-top: 15px"> | |||||
<div class="peopleList"> | |||||
<van-row v-for="(item,index) in caseDocumentList" :key="index" > | |||||
<van-col :span="17"> | |||||
<img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/> | |||||
<p>{{item.fileHalfName}}</p> | |||||
</van-col> | </van-col> | ||||
<van-col :span="18"> | |||||
<p>现场检查(勘验)笔录.docx</p> | |||||
<van-col :span="7"> | |||||
<p @click="$router.push({name:'lawEnforcementRecordDetail',query:{id:item.id,fileType:item.fileType,fileHalfName:item.fileHalfName}})">预览</p> | |||||
<a href="">下载</a> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="submit_box"> | |||||
<p class="submitButton">保存</p> | |||||
<p class="submitButton">处理</p> | |||||
</div> | |||||
<van-popup v-model="showPicker" round position="bottom"> | |||||
<van-picker | |||||
title="选择案件" | |||||
show-toolbar | |||||
value-key="caseName" | |||||
:columns="columns" | |||||
@cancel="showPicker = false" | |||||
@confirm="onConfirm" | |||||
/> | |||||
</van-popup> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import { getScheme } from "@/api/lawEnforcement/index"; | |||||
import { getCaseList , getCaseDocumentList } from "@/api/lawEnforcement/index"; | |||||
export default { | export default { | ||||
name: "programmeDetail", | name: "programmeDetail", | ||||
data() { | data() { | ||||
return { | return { | ||||
showPopover: false, | |||||
// 通过 actions 属性来定义菜单选项 | |||||
actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }], | |||||
showBankType:false, | |||||
showPayeeType:false, | |||||
showPicker:false, | |||||
form:{}, | |||||
bankType:'', | |||||
payeeType:'', | |||||
value:'', | value:'', | ||||
bankTypeOptions:[], | |||||
payeeTypeOptions:[], | |||||
tEnforceSchemeHandlerList:[], | |||||
minDate: new Date(2020, 0, 1), | |||||
maxDate: new Date(2025, 10, 1), | |||||
currentDate: new Date(2021, 0, 17), | |||||
activeNames: ['1'], | |||||
activeNames1: ['1'], | |||||
activeNames2: ['1'], | |||||
fileList:[], | |||||
headTitle:'' | |||||
headTitle:'', | |||||
showPicker:false, | |||||
columns:[], | |||||
caseDocumentList:[] | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
// this.getDictionaries() | |||||
this.getDictionaries() | |||||
if (this.$route.query.type == '1'){ | if (this.$route.query.type == '1'){ | ||||
this.headTitle = '现场检查(勘察)笔录'; | |||||
this.headTitle = '勘察文书'; | |||||
} | } | ||||
if (this.$route.query.type == '2'){ | if (this.$route.query.type == '2'){ | ||||
this.headTitle = '询问笔录'; | |||||
this.headTitle = '立案文书'; | |||||
} | } | ||||
if (this.$route.query.type == '3'){ | if (this.$route.query.type == '3'){ | ||||
this.headTitle = '当场行政处罚决定书'; | |||||
this.headTitle = '取证文书'; | |||||
} | } | ||||
if (this.$route.query.type == '4'){ | if (this.$route.query.type == '4'){ | ||||
this.headTitle = '责令改正通知书'; | this.headTitle = '责令改正通知书'; | ||||
@@ -114,8 +66,23 @@ | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getDictionaries(){ | getDictionaries(){ | ||||
getScheme(this.$route.query.id).then((response) => { | |||||
this.form = response.data; | |||||
let query = { | |||||
caseProgress: parseInt(this.$route.query.type) + 1 | |||||
} | |||||
getCaseList(query).then((response) => { | |||||
this.columns = response.data; | |||||
}); | |||||
}, | |||||
onConfirm(val){ | |||||
console.log(val) | |||||
this.showPicker = false; | |||||
this.value = val.caseName; | |||||
let query = { | |||||
id:val.caseId, | |||||
caseProgress:parseInt(this.$route.query.type) + 1 | |||||
} | |||||
getCaseDocumentList(query).then((response) => { | |||||
this.caseDocumentList = response.data; | |||||
}); | }); | ||||
}, | }, | ||||
goBack(){ | goBack(){ | ||||
@@ -192,16 +159,41 @@ | |||||
margin-right: 0; | margin-right: 0; | ||||
} | } | ||||
.peopleList{ | .peopleList{ | ||||
padding-right: 3%; | |||||
padding: 0 3%; | |||||
text-align: left; | |||||
.van-row{ | .van-row{ | ||||
margin-bottom: 10PX; | |||||
.van-col{ | |||||
text-align: center; | |||||
font-size: 14PX; | |||||
border-bottom: 1px solid #dddddd; | |||||
display: flex; | |||||
align-items: center; | |||||
&:last-child{ | |||||
border: none; | |||||
} | } | ||||
&:first-child{ | |||||
.van-col{ | |||||
.van-col--17{ | |||||
display: flex; | |||||
align-items: center; | |||||
p{ | |||||
margin-left: 10PX; | |||||
} | |||||
} | |||||
.van-col--7{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
p,a{ | |||||
color: #1D6FE9; | color: #1D6FE9; | ||||
border: 1px solid #1D6FE9; | |||||
text-align: center; | |||||
border-radius: 15PX; | |||||
display: inline-block; | |||||
padding: 5px 15px; | |||||
} | |||||
} | |||||
.van-col{ | |||||
text-align: left; | |||||
font-size: 14PX; | |||||
color: #333333; | |||||
padding: 15PX 0; | |||||
img{ | |||||
display: block; | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -0,0 +1,424 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<div class="header_main"> | |||||
文件预览 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div style="height: 58px;"></div> | |||||
<pdf v-for="item in numPages" :key="item" :src="url" :page="item" ref="pdf"></pdf> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { createAssistPDF,createSurveyPDF,createPutrecordPDF,createOnrecordPDF,createSamplingPDF,createTreatPDF,createDecisionPDF,createEvidencePDF,createExecutePDF,createEndingPDF,createBreakPDF,createResumePDF } from "@/api/lawEnforcement/index"; | |||||
import pdf from 'vue-pdf' | |||||
export default { | |||||
components:{ | |||||
}, | |||||
name: "programmeDetail", | |||||
data() { | |||||
return { | |||||
url:'', | |||||
numPages: null, // pdf 总页数 | |||||
}; | |||||
}, | |||||
created() { | |||||
const id = this.$route.query.id; | |||||
const fileType = this.$route.query.fileType; | |||||
const fileHalfName = this.$route.query.fileHalfName; | |||||
const baseURL = process.env.VUE_APP_BASE_API; | |||||
switch (fileType) { | |||||
case "assistFile": // 协助调查函 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createAssistPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "surveyRecordFile": // 现场检查(勘验)笔录 | |||||
case "surveyAskRecordFile": // 询问笔录 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createSurveyPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "caseTransferLetter": // 案件移送函 | |||||
case "noticeOfDesignatedJurisdiction": // 指定管辖通知书 | |||||
case "notificationOfCaseSubmission": // 案件交办通知书 | |||||
case "caseTransferLetter1": // 案件移送函 | |||||
case "letterTransferSuspectedCriminalCase": // 涉嫌犯罪案件移送书 | |||||
case "noticeOfRectificationOrder": // 责令改正通知书 | |||||
case "writtenDecisionOnAdministrativePenaltyOnTheSpot": // 当场行政处罚决定书 | |||||
case "noFilingExaminationAndApprovalForm": // 不予立案审批表 | |||||
case "revocationOfFilingApprovalForm": // 撤销立案审批表 | |||||
case "notPunishDecisionNotice": // 不予行政处罚决定书 | |||||
case "caseHandlingOpinion": // 案件处理意见书 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createOnrecordPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "evidenceSaveFile": // 证据先行保存通知书 | |||||
case "sealUpRecordFile": // 查封(扣押)现场笔录 | |||||
case "sealUpDecisionFile": // 查封(扣押)决定书 | |||||
case "sealUpDecisionGoodsList": // 查封(扣押)财物清单 | |||||
case "removeSealupFile": // 解除查封(扣押)决定书 | |||||
case "removeSealUpDecisionGoodsList": // 解除查封(扣押)财物清单 | |||||
case "filingExaminationAndApprovalForm": // 立案审批表 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createPutrecordPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "productSureFile": // 产品确认通知书 | |||||
case "samplingRecordFile": // 抽样取证凭证 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createSamplingPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "noticeOfAdministrativePenaltyInAdvance": // 行政处罚事先告知书(非听证) | |||||
case "noticeOfHearingAdministrativePenaltyInAdvance": // 行政处罚事先告知书(听证) | |||||
case "noticeOfHearingOnAdministrativeTreatment": // 行政处罚听证会通知书 | |||||
case "administrativeDispositionHearingReport": // 行政处罚听证会报告书 | |||||
case "hearingRecord": // 听证笔录 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createTreatPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "caseHandlingOpinionFromTreat": // 案件处理意见书(处理页面按钮点击) | |||||
var param = { | |||||
id: id, | |||||
fileType: "caseHandlingOpinion", | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createTreatPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "proofOfService": // 送达回证 | |||||
case "writtenDecisionOfAdministrativePenalty": // 行政处罚决定书 | |||||
case "administrativePenaltyDecisionExaminationAndApprovalForm": // 行政处罚决定审批表 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createDecisionPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "detectResultFile": // 抽样检测结果告知书 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createEvidencePDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "noticeForExecutionOfAdministrativePenaltyDecision": // 履行行政处罚决定催告书 | |||||
case "applicationForEnforcement": // 强制执行申请书 | |||||
case "goodsHandleNotice": // 登记保存物品处理通知书 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createExecutePDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "delayedOrStageNotice": // 延期(分期)缴纳罚款通知书 | |||||
case "caseEndReport": // 行政处罚结案报告 | |||||
case "punishGoodsHandleNotice": // 罚没物品处理记录 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createEndingPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "breakCaseFile": // 案件中止调查决定书 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createBreakPDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
case "resumeCaseFile": // 案件恢复调查决定书 | |||||
var param = { | |||||
id: id, | |||||
fileType: fileType, | |||||
fileHalfName: fileHalfName, | |||||
}; | |||||
createResumePDF(param).then(response => { | |||||
this.url = baseURL + response.msg; | |||||
let loadingTask = pdf.createLoadingTask(this.url) | |||||
loadingTask.promise.then(pdf => { | |||||
this.numPages = pdf.numPages | |||||
}) | |||||
}); | |||||
break; | |||||
} | |||||
}, | |||||
methods: { | |||||
goBack(){ | |||||
window.history.go(-1) | |||||
} | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.app-container { | |||||
padding: 2% 0; | |||||
} | |||||
/deep/ .van-collapse-item__content{ | |||||
padding: 0; | |||||
} | |||||
.cf{ | |||||
padding: 0 3%; | |||||
margin-top: 20PX; | |||||
margin-bottom: 20PX; | |||||
.van-row{ | |||||
background: #F0F3F5; | |||||
display: flex; | |||||
align-items: center; | |||||
.van-col{ | |||||
padding: 5PX 0; | |||||
font-size: 12PX!important; | |||||
text-align: center; | |||||
p{ | |||||
color: #1D6FE9; | |||||
text-align: left; | |||||
font-size: .4rem; | |||||
} | |||||
} | |||||
&:first-child{ | |||||
background: transparent; | |||||
} | |||||
} | |||||
} | |||||
.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; | |||||
} | |||||
} | |||||
/deep/ .van-radio--horizontal{ | |||||
margin-left: 0.32rem; | |||||
margin-right: 0; | |||||
} | |||||
.peopleList{ | |||||
padding: 0 3%; | |||||
text-align: left; | |||||
.van-row{ | |||||
border-bottom: 1px solid #dddddd; | |||||
display: flex; | |||||
align-items: center; | |||||
&:last-child{ | |||||
border: none; | |||||
} | |||||
.van-col--17{ | |||||
display: flex; | |||||
align-items: center; | |||||
p{ | |||||
margin-left: 10PX; | |||||
} | |||||
} | |||||
.van-col--7{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
p{ | |||||
color: #1D6FE9; | |||||
border: 1px solid #1D6FE9; | |||||
text-align: center; | |||||
border-radius: 15PX; | |||||
display: inline-block; | |||||
padding: 5px 15px; | |||||
} | |||||
} | |||||
.van-col{ | |||||
text-align: left; | |||||
font-size: 14PX; | |||||
color: #333333; | |||||
padding: 15PX 0; | |||||
img{ | |||||
display: block; | |||||
} | |||||
} | |||||
} | |||||
} | |||||
.main_title{ | |||||
font-size: 0.4rem; | |||||
color: #1D6FE9; | |||||
margin: 0.2rem 6%; | |||||
margin-top: 0; | |||||
position: relative; | |||||
} | |||||
.main_box{ | |||||
width: 96%; | |||||
margin: 0 auto; | |||||
border-radius: 10PX; | |||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||||
overflow: hidden; | |||||
background-color: #FFF; | |||||
.van-icon{ | |||||
vertical-align: middle; | |||||
} | |||||
.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; | |||||
} | |||||
} | |||||
.submitButton{ | |||||
width: 40%; | |||||
margin: 0 auto; | |||||
background-image: linear-gradient(to right, #77A6EF , #2E79E9); | |||||
text-align: center; | |||||
color: #ffffff; | |||||
height: 70px; | |||||
line-height: 70px; | |||||
border-radius: 8PX; | |||||
margin-top: 25PX; | |||||
&:first-child{ | |||||
background-image: linear-gradient(to right, #21CAC3 , #17A8A2); | |||||
} | |||||
} | |||||
.submit_box{ | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-around; | |||||
} | |||||
.addFamily{ | |||||
position: absolute; | |||||
top: -2px; | |||||
right: 0; | |||||
border-radius: 50%; | |||||
} | |||||
</style> |
@@ -1,77 +1,76 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<div class="header_main"> | <div class="header_main"> | ||||
文书打印 | |||||
全部文书 | |||||
<div class="return_btn" @click="onClickLeft"></div> | <div class="return_btn" @click="onClickLeft"></div> | ||||
</div> | </div> | ||||
<div style="height: 58px;"></div> | <div style="height: 58px;"></div> | ||||
<div class="search_box"> | |||||
<div class="search"> | |||||
<input type="text" placeholder="请输入文书名" /> | |||||
<img src="../../../../static/images/lawEnforcement/new/index_icon_04.png"> | |||||
</div> | |||||
<div class="main_box"> | |||||
<van-field v-model="value" label="案件名称" placeholder="请选择案件名称" :border="false" readonly is-link @click="showPicker = true" /> | |||||
</div> | </div> | ||||
<div class="main_box"> | |||||
<div class="main_box" style="margin-top: 15px"> | |||||
<div class="peopleList"> | <div class="peopleList"> | ||||
<van-row v-for="(item,index) in 10" :key="index" > | |||||
<van-col :span="20"> | |||||
<van-row v-for="(item,index) in caseDocumentList" :key="index" > | |||||
<van-col :span="17"> | |||||
<img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/> | <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/> | ||||
<p>指定管辖通知书</p> | |||||
<p>{{item.fileHalfName}}</p> | |||||
</van-col> | </van-col> | ||||
<van-col :span="4"> | |||||
<p>打印</p> | |||||
<van-col :span="7"> | |||||
<p @click="$router.push({name:'lawEnforcementRecordDetail',query:{id:item.id,fileType:item.fileType,fileHalfName:item.fileHalfName}})">预览</p> | |||||
<a href="">下载</a> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="submit_box"> | |||||
<p class="submitButton">进入任务</p> | |||||
</div> | |||||
<van-popup v-model="showPicker" round position="bottom"> | |||||
<van-picker | |||||
title="选择案件" | |||||
show-toolbar | |||||
value-key="caseName" | |||||
:columns="columns" | |||||
@cancel="showPicker = false" | |||||
@confirm="onConfirm" | |||||
/> | |||||
</van-popup> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import { getScheme } from "@/api/lawEnforcement/index"; | |||||
import { getCaseList , getCaseDocumentList } from "@/api/lawEnforcement/index"; | |||||
export default { | export default { | ||||
name: "programmeDetail", | name: "programmeDetail", | ||||
data() { | data() { | ||||
return { | return { | ||||
showPopover: false, | |||||
// 通过 actions 属性来定义菜单选项 | |||||
actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }], | |||||
checked:'', | |||||
showBankType:false, | |||||
showPayeeType:false, | |||||
showPicker:false, | |||||
form:{}, | |||||
bankType:'', | |||||
payeeType:'', | |||||
value:'', | value:'', | ||||
bankTypeOptions:[], | |||||
payeeTypeOptions:[], | |||||
tEnforceSchemeHandlerList:[], | |||||
minDate: new Date(2020, 0, 1), | |||||
maxDate: new Date(2025, 10, 1), | |||||
currentDate: new Date(2021, 0, 17), | |||||
activeNames: ['1'], | |||||
activeNames1: ['1'], | |||||
activeNames2: ['1'], | |||||
headTitle:'', | |||||
showPicker:false, | |||||
columns:[], | |||||
caseDocumentList:[] | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
// this.getDictionaries() | |||||
this.getDictionaries() | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getDictionaries(){ | getDictionaries(){ | ||||
getScheme(this.$route.query.id).then((response) => { | |||||
this.form = response.data; | |||||
let query = { | |||||
caseProgress: '' | |||||
} | |||||
getCaseList(query).then((response) => { | |||||
this.columns = response.data; | |||||
}); | |||||
}, | |||||
onConfirm(val){ | |||||
console.log(val) | |||||
this.showPicker = false; | |||||
this.value = val.caseName; | |||||
let query = { | |||||
id:val.id, | |||||
caseProgress:'' | |||||
} | |||||
getCaseDocumentList(query).then((response) => { | |||||
this.caseDocumentList = response.data; | |||||
}); | }); | ||||
}, | }, | ||||
goBack(){ | goBack(){ | ||||
@@ -88,58 +87,22 @@ | |||||
/deep/ .van-collapse-item__content{ | /deep/ .van-collapse-item__content{ | ||||
padding: 0; | padding: 0; | ||||
} | } | ||||
/deep/ .van-checkbox{ | |||||
justify-content: center; | |||||
} | |||||
.icon_box{ | |||||
display: flex; | |||||
justify-content: space-around; | |||||
} | |||||
.search_box{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 92%; | |||||
margin: 0PX auto; | |||||
.select_box{ | |||||
border: 1px solid #1D6FE9; | |||||
border-radius: 8PX; | |||||
padding: 0 12PX ; | |||||
background: #ffffff; | |||||
height: 30PX; | |||||
line-height: 30PX; | |||||
display: flex; | |||||
justify-content: space-around; | |||||
align-items: center; | |||||
} | |||||
.search{ | |||||
background: #ffffff; | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 100%; | |||||
margin: 10PX auto; | |||||
border: 1px solid #1D6FE9; | |||||
padding: 1PX 1PX 1PX 12PX ; | |||||
border-radius: 50PX; | |||||
input{ | |||||
flex: 1; | |||||
background: transparent; | |||||
} | |||||
} | |||||
} | |||||
.cf{ | .cf{ | ||||
padding: 0 3%; | padding: 0 3%; | ||||
margin-top: 20PX; | margin-top: 20PX; | ||||
margin-bottom: 20PX; | margin-bottom: 20PX; | ||||
.van-row{ | .van-row{ | ||||
background: #F0F3F5; | background: #F0F3F5; | ||||
display: flex; | |||||
align-items: center; | |||||
.van-col{ | .van-col{ | ||||
padding: 5PX 0; | padding: 5PX 0; | ||||
font-size: 12PX!important; | font-size: 12PX!important; | ||||
text-align: center; | text-align: center; | ||||
p{ | p{ | ||||
color: #1D6FE9; | color: #1D6FE9; | ||||
text-align: left; | |||||
font-size: .4rem; | |||||
} | } | ||||
} | } | ||||
&:first-child{ | &:first-child{ | ||||
@@ -193,17 +156,17 @@ | |||||
&:last-child{ | &:last-child{ | ||||
border: none; | border: none; | ||||
} | } | ||||
.van-col--20{ | |||||
.van-col--17{ | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
p{ | p{ | ||||
margin-left: 10PX; | margin-left: 10PX; | ||||
} | } | ||||
} | } | ||||
.van-col--4{ | |||||
.van-col--7{ | |||||
display: flex; | display: flex; | ||||
justify-content: right; | |||||
p{ | |||||
justify-content: space-between; | |||||
p,a{ | |||||
color: #1D6FE9; | color: #1D6FE9; | ||||
border: 1px solid #1D6FE9; | border: 1px solid #1D6FE9; | ||||
text-align: center; | text-align: center; | ||||
@@ -262,26 +225,30 @@ | |||||
} | } | ||||
} | } | ||||
.submitButton{ | .submitButton{ | ||||
width: 45%; | |||||
width: 40%; | |||||
margin: 0 auto; | margin: 0 auto; | ||||
background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
background-image: linear-gradient(to right, #77A6EF , #2E79E9); | |||||
text-align: center; | text-align: center; | ||||
color: #ffffff; | color: #ffffff; | ||||
height: 70px; | height: 70px; | ||||
line-height: 70px; | line-height: 70px; | ||||
border-radius: 8PX; | border-radius: 8PX; | ||||
margin-top: 25PX; | |||||
&:first-child{ | |||||
background-image: linear-gradient(to right, #21CAC3 , #17A8A2); | |||||
} | |||||
} | } | ||||
.submit_box{ | .submit_box{ | ||||
position: fixed; | |||||
bottom: 0; | |||||
width: 100%; | |||||
background: #ffffff; | |||||
padding: 25PX 0; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: space-around; | |||||
} | } | ||||
.addFamily{ | .addFamily{ | ||||
position: absolute; | position: absolute; | ||||
top: -2px; | top: -2px; | ||||
right: 0; | right: 0; | ||||
border-radius: 50%; | border-radius: 50%; | ||||
} | } | ||||
</style> | </style> |
@@ -14,10 +14,11 @@ | |||||
</van-cell> | </van-cell> | ||||
<van-grid :column-num="3" :border="false" square clickable> | <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_01.png" text="种子扫码" /> | |||||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="肥料扫码" /> | |||||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="兽药扫码" /> | |||||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="饲料扫码" /> | |||||
<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_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')" /> | |||||
</van-grid> | </van-grid> | ||||
</div> | </div> | ||||
@@ -76,7 +77,9 @@ | |||||
}, | }, | ||||
methods: { | methods: { | ||||
linkGo(url){ | |||||
window.location.href = url; | |||||
} | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -133,7 +133,8 @@ | |||||
width: 100%; | width: 100%; | ||||
height: calc(100vh - 269PX); | |||||
height: 68vh; | |||||
/*calc(100vh - 269PX);*/ | |||||
background: #eee; | background: #eee; | ||||
@@ -18,7 +18,7 @@ | |||||
<script> | <script> | ||||
import Scaner from '@/components/qrcode//Scaner'; | |||||
import Scaner from '@/components/qrcode/Scaner'; | |||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
export default { | export default { | ||||