Skip to content

F
founder_vue
Commit 4525a9fb by zhao_shaonan
Options

新增基础查询界面配置、样式等文件

parent 563cb2c1
Showing with 7647 additions and 291 deletions
package.json
......@@ -3,22 +3,28 @@
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"css-loader": "^5.0.1",
"echarts": "^4.9.0",
"element-ui": "^2.4.5",
"file-saver": "^2.0.5",
"js-cookie": "^2.2.1",
"qs": "^6.9.4",
"sass-resources-loader": "^2.1.1",
"script-loader": "^0.7.2",
"style-loader": "^2.0.0",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vue-wechat-title": "^2.0.7",
"vuedraggable": "^2.24.3",
"vuex": "^3.4.0",
"vuex-persistedstate": "^4.0.0-beta.1"
"vuex-persistedstate": "^4.0.0-beta.1",
"xlsx": "^0.16.9"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.5.0",
......
public/favicon.ico
No preview for this file type
src/App.vue
......@@ -8,7 +8,7 @@
export default {};
</script>
<style lang="scss" scoped>
<style lang="scss">
/*每个页面公共css */
@import url("assets/styles/iconfont.css");
@import "assets/styles/main.scss";
......
src/api/base.js
......@@ -5,6 +5,7 @@ var relUrlIp = window.location.host.substring(
let base = {
bigurl: "",
mapurl: "",
codeUrl:'',
// bigwfwurl: "",
// bigservicesurl: "",
// alyIP: "",
......@@ -39,7 +40,10 @@ if (
base.ZhiTu_url = "http://39.99.159.210:8053";
//------------------------------脑图后台服务路径**公安网**--------------------------------
base.bigwfwurl = "http://77.1.24.51:8050";
} else if (relUrlIp == "47.92.48.137") {
} else if (relUrlIp == "47.92.48.137" || relUrlIp == "192.168.0.111" || relUrlIp=="localhost") {
//------------------------------刑侦字典服务路径**阿里云**--------------------------------
base.BaseURL="http://192.168.31.210:8080"/*杨洋本地端口号8080*/
//base.BaseURL="http://192.168.31.210:8001"/*192.168.31.210*//*localhost*/
//------------------------------刑侦后台服务路径**阿里云**--------------------------------
base.XingZhen = "http://68.174.69.95";
//------------------------------地图后台服务路径**阿里云**--------------------------------
......
src/api/home.js
import { get, post } from "@/utils/http.js";
/*import { get, post } from "@/utils/http.js";
import base from "@/api/base";
import axios from "axios";
......@@ -10,11 +10,11 @@ export const test = params =>
export const test1 = params =>
get("http://39.99.159.210:8051/getXyrSaxxDg", params);
export const login = params =>
post("https://uniapp.b2b2c.niuteam.cn/api/login/login", params);
/!*export const login = params =>
post("https://uniapp.b2b2c.niuteam.cn/api/login/login", params);*!/
export const code = params =>
post("https://uniapp.b2b2c.niuteam.cn/api/captcha/captcha", params);
export const js_test = () =>
axios.get("json/test.json");
axios.get("json/test.json");*/
src/api/interface/dictionaryCode.js 0 → 100644
import request from "@/utils/axiosHttp.js";
/*code*/
export default {
/*登录*/
login(username, password) {
return request({
url: "/login",
params: { username, password },
method: "post"
});
},
/*code*/
axiosCode(type) {
return request({
url: "/queryTreeDataByType",
params: { type },
method: "get"
});
},
/*级联code*/
axiosJlCode(type, startId) {
return request({
url: "/queryTreeDataByType",
params: { type, startId },
method: "get"
});
},
/*保存查询字段*/
saveField(params) {
return request({
url: "/saveTableTitleRedis",
data: params,
method: "post"
});
},
/*查询*/
doQuery(params) {
return request({
url: "EsAsjQuery",
data:JSON.parse(params),
method: "post"
});
},
/*查询*/
doXyrQuery(params) {
return request({
url: "/EsXyrQuery",
data: JSON.parse(params),
method: "post"
});
},
/*查询*/
doBhrQuery(params) {
return request({
url: "/EsShrQuery",
data: JSON.parse(params),
method: "post"
});
},
/*获取表头*/
getField(params) {
return request({
url: "/getTableTitleRedis",
params: {type:params},
method: "get"
});
}
};
/*/!*保存查询字段*!/
const saveField = params =>{
return post(`${base.BaseURL}/saveTableTitleRedis`,params);
}
/!*获取表头*!/
const getField = params =>{
return get(`${base.BaseURL}/getTableTitleRedis`,params);
}
const doQuery = params =>{
return post(`${base.BaseURL}/EsAsjQuery`,params);
}*/
/*查询数据*/
/*export {
login,
axiosCode,
saveField,
getField,
doQuery
}*/
src/assets/fonts/fontawesome-webfont.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/assets/fonts/iconfont.svg 0 → 100644
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<glyph glyph-name="xinzengbuchong" unicode="&#58889;" d="M512 810.667A426.667 426.667 0 1 1 938.667 384 426.667 426.667 0 0 1 512 810.667zM715.947 344.32H551.68v-164.267a39.68 39.68 0 0 0-79.36 0V344.32H308.053a39.68 39.68 0 1 0 0 79.36H472.32V587.947a39.68 39.68 0 1 0 79.36 0V423.68h164.267a39.68 39.68 0 0 0 0-79.36z" horiz-adv-x="1024" />
<glyph glyph-name="hecha-xiangxixuanzhong" unicode="&#58890;" d="M814.545 849.455h-605.09a93.09 93.09 0 0 1-93.091-93.091v-744.728a93.09 93.09 0 0 1 93.09-93.09h197.819a34.91 34.91 0 0 1 0 69.818H209.455a23.273 23.273 0 0 0-23.273 23.272V756.364a23.273 23.273 0 0 0 23.273 23.272h605.09a23.273 23.273 0 0 0 23.273-23.272v-384a34.91 34.91 0 0 1 34.91-34.91h3.257a93.09 93.09 0 0 1 31.651 69.819v349.09a93.09 93.09 0 0 1-93.09 93.092zM899.956-24.902a16.058 16.058 0 0 1-2.56 3.026l-56.552 56.785a160.815 160.815 0 0 1 32.349 97.28 162.91 162.91 0 1 1-85.178-143.825l59.81-59.811a16.058 16.058 0 0 1 3.026-2.56 34.21 34.21 0 0 1 21.644-7.68 35.142 35.142 0 0 1 24.669 10.24 34.444 34.444 0 0 1 2.792 46.545zM814.545 849.455h-605.09a93.09 93.09 0 0 1-93.091-93.091v-744.728a93.09 93.09 0 0 1 93.09-93.09h232.728a93.09 93.09 0 0 1 93.09 93.09 25.6 25.6 0 0 1 0 6.051l-5.817 9.542a194.327 194.327 0 0 0-20.713 49.571 206.196 206.196 0 0 0-7.447 55.156 209.455 209.455 0 0 0 252.974 205.499 200.61 200.61 0 0 0 58.88-23.273h1.396a93.09 93.09 0 0 1 93.091 93.09V756.365a93.09 93.09 0 0 1-93.09 93.09zM523.636 314.182H337.455a34.91 34.91 0 0 0 0 69.818h186.181a34.91 34.91 0 0 0 0-69.818z m139.637 209.454H337.455a34.91 34.91 0 0 0 0 69.819h325.818a34.91 34.91 0 0 0 0-69.819z" horiz-adv-x="1024" />
<glyph glyph-name="cengjixuanzhong" unicode="&#58891;" d="M945.105 185.018l-116.363 51.898-24.67 10.939-36.537-16.291-209.455-93.091a111.942 111.942 0 0 0-46.545-9.542 113.804 113.804 0 0 0-45.382 9.309l-209.455 93.09-36.538 16.06-24.67-10.94-116.363-51.897a42.356 42.356 0 0 1 0-80.99L483.84-76.101a72.145 72.145 0 0 1 56.785 0l404.48 180.83a42.356 42.356 0 0 1 0 80.29zM947.433 439.156l-109.615 48.408L768 455.447 638.604 398.43l-80.059-35.607-8.61-3.724h-1.164a114.735 114.735 0 0 0-72.146 0h-1.396l-9.774 3.724-79.36 35.374-129.63 57.484-70.283 31.65-109.615-48.174a42.59 42.59 0 0 1 0-81.454l117.76-52.131 77.731-34.676h2.095l209.454-93.091a72.145 72.145 0 0 1 56.786 0l209.454 93.09h2.095l77.73 34.677 117.76 52.13a42.59 42.59 0 0 1 0 81.455zM76.567 581.585l109.615-48.407 8.61-3.723 17.223-7.68 25.6-11.404 37.003-16.524 129.63-57.25 79.592-35.608a72.145 72.145 0 0 1 56.785 0l79.593 35.607 129.63 57.251 37.003 16.524 25.6 11.404 17.222 7.68 8.843 3.956 108.917 48.174a42.59 42.59 0 0 1 0 81.455L540.393 843.636a72.145 72.145 0 0 1-56.786 0L76.567 663.273a42.59 42.59 0 0 1 0-81.688z" horiz-adv-x="1024" />
<glyph glyph-name="riliriqixuanze" unicode="&#58887;" d="M867.84 774.982H736.116V791.97a36.538 36.538 0 0 1-73.076 0v-16.99H342.575v16.99a36.538 36.538 0 0 1-73.077 0v-16.99H156.16A106.59 106.59 0 0 1 46.545 672.35v-102.167h930.91V672.349A106.59 106.59 0 0 1 867.84 774.982zM46.545 44.45a97.978 97.978 0 0 1 23.273-63.07 112.64 112.64 0 0 1 86.342-39.563h711.68a106.59 106.59 0 0 1 109.615 102.633V500.364H46.545z m667.23 338.153a15.593 15.593 0 0 0 16.756 16.523h67.258a15.593 15.593 0 0 0 16.756-16.523v-66.328a15.825 15.825 0 0 0-16.756-16.523h-67.258a15.593 15.593 0 0 0-16.756 16.523z m0-209.455a15.593 15.593 0 0 0 16.756 16.524h67.258a15.593 15.593 0 0 0 16.756-16.524v-66.327a15.593 15.593 0 0 0-16.756-16.524h-67.258a15.593 15.593 0 0 0-16.756 16.524z m-168.03 209.455a15.593 15.593 0 0 0 16.757 16.523h67.258a15.593 15.593 0 0 0 16.756-16.523v-66.328a15.825 15.825 0 0 0-16.756-16.523h-67.258a15.593 15.593 0 0 0-16.757 16.523z m0-209.455a15.593 15.593 0 0 0 16.757 16.524h67.258a15.593 15.593 0 0 0 16.756-16.524v-66.327a15.593 15.593 0 0 0-16.756-16.524h-67.258a15.593 15.593 0 0 0-16.757 16.524zM377.484 382.604a15.593 15.593 0 0 0 16.756 16.523h67.258a15.593 15.593 0 0 0 16.757-16.523v-66.328a15.593 15.593 0 0 0-16.757-16.523H394.24a15.825 15.825 0 0 0-16.756 16.523z m0-209.455a15.593 15.593 0 0 0 16.756 16.524h67.258a15.593 15.593 0 0 0 16.757-16.524v-66.327a15.593 15.593 0 0 0-16.757-16.524H394.24a15.593 15.593 0 0 0-16.756 16.524z m-168.03 209.455a15.593 15.593 0 0 0 16.757 16.523h67.258a15.593 15.593 0 0 0 16.756-16.523v-66.328a15.593 15.593 0 0 0-16.756-16.523h-67.258a15.825 15.825 0 0 0-16.756 16.523z m0-209.455a15.593 15.593 0 0 0 16.757 16.524h67.258a15.593 15.593 0 0 0 16.756-16.524v-66.327a15.593 15.593 0 0 0-16.756-16.524h-67.258a15.593 15.593 0 0 0-16.756 15.826z" horiz-adv-x="1024" />
<glyph glyph-name="zidianmaxuanze" unicode="&#58888;" d="M116.364 802.91H256q23.273 0 23.273-23.274V640q0-23.273-23.273-23.273H116.364q-23.273 0-23.273 23.273V779.636q0 23.273 23.273 23.273zM907.636 802.91h-512a23.273 23.273 0 0 1-23.272-23.274V640a23.273 23.273 0 0 1 23.272-23.273h512A23.273 23.273 0 0 1 930.91 640V779.636a23.273 23.273 0 0 1-23.273 23.273zM116.364 151.273H256q23.273 0 23.273-23.273v-139.636q0-23.273-23.273-23.273H116.364q-23.273 0-23.273 23.273V128q0 23.273 23.273 23.273zM907.636 151.273h-512A23.273 23.273 0 0 1 372.364 128v-139.636a23.273 23.273 0 0 1 23.272-23.273h512a23.273 23.273 0 0 1 23.273 23.273V128a23.273 23.273 0 0 1-23.273 23.273zM116.364 477.09H256q23.273 0 23.273-23.272v-139.636q0-23.273-23.273-23.273H116.364q-23.273 0-23.273 23.273V453.818q0 23.273 23.273 23.273zM907.636 477.09h-512a23.273 23.273 0 0 1-23.272-23.272v-139.636a23.273 23.273 0 0 1 23.272-23.273h512a23.273 23.273 0 0 1 23.273 23.273V453.818a23.273 23.273 0 0 1-23.273 23.273z" horiz-adv-x="1024" />
<glyph glyph-name="duoxuan" unicode="&#58912;" d="M792.32 704A39.893333 39.893333 0 0 0 832 664.32v-560.64A39.893333 39.893333 0 0 0 792.32 64H231.68A39.893333 39.893333 0 0 0 192 103.68V664.32A39.893333 39.893333 0 0 0 231.68 704h560.64m0 64H231.68A103.893333 103.893333 0 0 1 128 664.32v-560.64A103.893333 103.893333 0 0 1 231.68 0h560.64A103.893333 103.893333 0 0 1 896 103.68V664.32A103.893333 103.893333 0 0 1 792.32 768z" horiz-adv-x="1024" />
<glyph glyph-name="yongcai" unicode="&#58913;" d="M128 384V678.826667a87.68 87.68 0 0 0 16.64 53.546666A82.346667 82.346667 0 0 0 213.333333 768h293.12c5.12 0 6.613333-1.706667 6.613334-6.613333v-115.84c0-6.613333-3.2-6.826667-8.106667-6.826667H260.906667a3.413333 3.413333 0 0 1-3.84-3.84v-501.973333a3.626667 3.626667 0 0 1 4.053333-3.84H757.333333a31.36 31.36 0 0 0 4.48 0c3.84 0 5.12 1.706667 4.906667 5.12V375.466667c0 9.173333 0 9.173333 9.173333 9.173333h112.426667c7.466667 0 7.68 0 7.68-7.68v-290.346667a85.333333 85.333333 0 0 0-79.573333-85.333333H220.16A88.96 88.96 0 0 0 149.333333 30.293333a87.04 87.04 0 0 0-21.333333 60.373334zM760.106667 551.893333a10.88 10.88 0 0 1-6.186667-4.48L469.333333 262.4c-6.613333-6.4-6.613333-6.613333-13.226666 0-27.306667 28.373333-54.613333 56.96-82.346667 85.333333-2.986667 2.986667-2.773333 4.906667 0 7.893334L493.653333 469.333333l79.146667 74.666667 94.933333 89.6c1.706667 1.493333 4.906667 2.773333 3.84 5.12s-4.266667 0-6.4 0H597.333333c-7.68 0-7.893333 0-7.893333 7.466667V759.466667c0 7.253333 0 7.466667 7.893333 7.466666h283.946667c7.466667 0 7.68 0 7.68-7.68v-282.88c0-7.253333 0-7.466667-7.253333-7.466666H768c-7.253333 0-7.466667 0-7.466667 7.893333v75.093333z" horiz-adv-x="1024" />
<glyph glyph-name="daochu" unicode="&#58914;" d="M298.666667 512h132.906666a17.28 17.28 0 0 0 17.28-17.28v-285.44a17.28 17.28 0 0 1 17.28-17.28h93.44a17.28 17.28 0 0 1 17.28 17.28V494.72a17.28 17.28 0 0 0 17.28 17.28H725.333333a17.28 17.28 0 0 1 12.16 29.653333l-213.333333 213.333334a17.28 17.28 0 0 1-24.32 0l-213.333333-213.333334A17.28 17.28 0 0 1 298.666667 512zM864 341.333333a32 32 0 0 1-32-32V64H192V309.333333a32 32 0 0 1-64 0v-277.333333A32 32 0 0 1 160 0h704a32 32 0 0 1 32 32v277.333333a32 32 0 0 1-32 32z" horiz-adv-x="1024" />
<glyph glyph-name="xiangqing" unicode="&#58915;" d="M789.333333 810.666667H224.853333l-9.6-1.706667-7.04-1.92a72.32 72.32 0 0 1-19.2-9.173333 47.36 47.36 0 0 1-5.76-4.053334 36.48 36.48 0 0 1-5.546666-4.48 50.986667 50.986667 0 0 1-4.906667-4.693333 79.573333 79.573333 0 0 1-13.866667-19.626667 50.986667 50.986667 0 0 1-2.773333-5.973333 72.96 72.96 0 0 1-2.773333-7.253333 48.853333 48.853333 0 0 1-1.493334-5.973334v-5.973333a21.333333 21.333333 0 0 1 0-5.333333A14.933333 14.933333 0 0 1 149.333333 725.333333v-682.666666a85.333333 85.333333 0 0 1 85.333334-85.333334h341.333333v178.986667A119.893333 119.893333 0 0 0 695.68 256H874.666667V725.333333a85.333333 85.333333 0 0 1-85.333334 85.333334zM516.053333 320h-170.666666a32 32 0 0 0 0 64h170.666666a32 32 0 0 0 0-64z m128 192h-298.666666a32 32 0 1 0 0 64h298.666666a32 32 0 1 0 0-64zM618.666667 136.32V-42.666667l256 256h-178.986667A77.013333 77.013333 0 0 1 618.666667 136.32z" horiz-adv-x="1024" />
<glyph glyph-name="shanchu_1" unicode="&#58916;" d="M829.013333 64a55.893333 55.893333 0 0 0-77.226666 0L504.96 311.893333 258.133333 64a55.893333 55.893333 0 0 0-77.226666 0 56.746667 56.746667 0 0 0 0 77.653333l246.826666 247.68L180.906667 637.653333a56.746667 56.746667 0 0 0 0 77.653334 55.893333 55.893333 0 0 0 77.226666 0l246.826667-248.32L751.786667 715.306667a55.893333 55.893333 0 0 0 77.226666 0 56.746667 56.746667 0 0 0 0-77.653334L582.186667 389.333333l246.826666-248.106666a48.853333 48.853333 0 0 0 0-77.653334" horiz-adv-x="1024" />
<glyph glyph-name="yixuan" unicode="&#58917;" d="M792.32 768H231.68A103.893333 103.893333 0 0 1 128 664.32v-560.64A103.893333 103.893333 0 0 1 231.68 0h560.64A103.893333 103.893333 0 0 1 896 103.68V664.32A103.893333 103.893333 0 0 1 792.32 768zM462.933333 204.16l-196.266666 196.266667 65.493333 65.28 130.773333-130.773334 228.906667 228.906667 65.493333-65.28z" horiz-adv-x="1024" />
<glyph glyph-name="tiaojie" unicode="&#58918;" d="M465.28 215.04a109.44 109.44 0 0 0 98.56-61.44h337.92a15.573333 15.573333 0 0 0 15.573333-15.36v-61.44a15.573333 15.573333 0 0 0-15.573333-15.36H563.84a109.653333 109.653333 0 0 0-145.28-50.986667 107.946667 107.946667 0 0 0-52.053333 50.986667H122.24A15.573333 15.573333 0 0 0 106.666667 76.8v61.44a15.573333 15.573333 0 0 0 15.573333 15.36h244.266667a109.44 109.44 0 0 0 98.773333 61.44zM746.666667 490.666667a109.013333 109.013333 0 0 0 98.56-61.44h57.386666a15.573333 15.573333 0 0 0 15.573334-15.36v-61.44a15.573333 15.573333 0 0 0-15.573334-15.36h-58.24a109.866667 109.866667 0 0 0-145.28-51.2 107.946667 107.946667 0 0 0-51.84 51.2H122.24a15.573333 15.573333 0 0 0-15.573333 16.213333v61.44a15.573333 15.573333 0 0 0 15.573333 15.36h525.013333A109.44 109.44 0 0 0 746.666667 490.666667zM341.333333 768a109.013333 109.013333 0 0 0 98.56-61.44h461.866667a15.573333 15.573333 0 0 0 15.573333-15.36v-61.44a15.573333 15.573333 0 0 0-15.573333-15.36H439.04a109.866667 109.866667 0 0 0-145.28-51.2 107.946667 107.946667 0 0 0-51.84 51.2H122.24a15.573333 15.573333 0 0 0-15.573333 15.36V691.2a15.573333 15.573333 0 0 0 15.573333 15.36h119.68A109.44 109.44 0 0 0 341.333333 768z" horiz-adv-x="1024" />
</font>
</defs></svg>
src/assets/styles/font-awesome.min.css 0 → 100644
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
src/assets/styles/form.scss 0 → 100644
@import './main.scss';
.wrap{
.checkboxGroup{margin: 0 0 0 140px;}
.flTtitle{display:inline-block;height:40px;line-height: 40px;padding:0 24px;border-radius: 0px 0px 22px 4px;background: $title-color;color:#fff;margin-left: 34px;font-size:16px;}
.settingField{
i{margin-right:4px;vertical-align: middle;}
float:right;margin-right:20px;color:$base-color; line-height: 40px;position: relative;top:20px;cursor: pointer;
}
.pageGuide{float:right;color:#999999; line-height: 40px;margin-right:34px;position: relative;top:20px;cursor: pointer;}
.paneDiv{
margin:0 34px;
.selectLabel{
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #1a81e1;
line-height: 20px;
color: #1a81e1;
margin-left: 5px;
cursor: pointer;
}
.titleWrap{
margin-top:15px; margin-bottom: 10px;
.two-title{display: inline-block;width:127px;text-align: right;font-weight:600;font-size: 16px;color: #333333;vertical-align: middle;}
.border{display:inline-block;width: 6px;height: 20px;background: $border-bg;vertical-align: middle;margin-left: 10px;}
.dashedBorder{display: inline-block;width: calc(100% - 167px);margin-left: 9px;position: relative;top: -2px;border-bottom: 1px dashed #CFCFCF;}
}
}
}
/*dialog*/
.settingDialog{
margin:14px 20px;
padding-bottom:20px;
.dragwrap{
display: flex;
.contentH{max-height:400px;overflow-y: auto;}
.selected{
width:200px;display: inline-block;margin-right:40px;
li{
color:$base-color;cursor: pointer;
div{display: inline-block}
}
}
.waiting{
flex:1;display: inline-block;
li{
color:#333333;cursor: pointer;display: inline-block;width:25%;
div{display: inline-block}
}
}
.select-header{
font-weight: bold;
line-height: 19px;
color: #333333;
margin:8px 0;
}
}
}
.zdycol3{display: inline-block;width:33%; vertical-align: middle;}
.zdycol2{display: inline-block;width:33%;margin-right: 33%; vertical-align: middle;}
.zdycol1{
display: inline-block;width:100%; vertical-align: middle;
.el-input{width:600px;}
}
.formWrap{
width:$wrap-width;
background: #FFFFFF;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
opacity: 1;
border-radius: 4px;
margin:16px auto;
padding-bottom: 32px;
.zdybtn{
width: 156px;
height: 44px;
border-radius: 4px;
}
.search{background: $base-color;box-shadow: 0px 4px 4px rgba(26, 129, 225, 0.2);}
.delete{border: 1px solid #666666;background: none;color: #333333;}
.el-date-editor.el-input{width:100%;}
.el-form-item{margin-bottom:5px;}
.checkboxGroup{
}
}
/*已选条件*/
#selectedConditions{
padding:10px 0;
position: fixed;
top:$header-height;
width:$wrap-width;
left:50%;
margin-left: -$wrap-width/2;
z-index:10;
.conditionTitle{display: inline-block;width:164px;text-align: right;color:$base-color;padding-right:12px;vertical-align: top;line-height: 32px;}
.conditionWrap{display: inline-block;width:calc(100% - 176px)}
.inline{display: inline-block;}
.el-tag{
height: 32px;
background: #FFFFFF;
border: 1px solid $base-color;
border-radius: 2px;
color:#333333;
font-weight: 100;
}
.el-tag .el-tag__close{color:$base-color;}
.el-tag + .el-tag {
margin-left: 10px;margin-bottom:5px;
}
.button-new-tag {
margin-left: 10px;
height: 32px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom;
}
}
src/assets/styles/iconfont.css
@font-face {
font-family: "iconfont";
src: url('//at.alicdn.com/t/font_2135421_0s66x7tsw61.eot?t=1603706396416');
/* IE9 */
src: url('//at.alicdn.com/t/font_2135421_0s66x7tsw61.eot?t=1603706396416#iefix') format('embedded-opentype'),
/* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA04AAsAAAAAGgwAAAzqAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEXgqjdJwXATYCJANMCygABCAFhG0HggAbPxUjUpOeSvYXB7ax8sFe2Gx+IZYvjqFTv0NgSAy5etN9LdONQZahS8fDcCPJPJSS4HHM916SIrvJsfp6QI7ZEuvqIbtJB+xZT/f/3Kp+tYxUAT3zGqpG1KI90xBZE4HwILWBFWtBzkRaguySdMDkSHGK2j+HcNMuAhUkpDAD2qbmQKgZUlG6f0fqUBFHpgozhYkbM/NNnfUZRtKwFMfeb7jj+qcosq2cY9VUum/t1QKgTYokTF+VrTE3t/thZjewF2AsALuvUkcg1AcqILnoSmRb412dL+Ta9hoKcAwNJhWG02WmVHzUgLr8fmUCTcusFduef1WGuoJQYMiFI4f2QJ3KVxiJoZ5TDThjgXgIFfX0Wup3PDDefPyzFE0gqWQgfvccfG4/bPqf8nOa1jd0JxwAPL1SHM9GxloU4lZg+RXIFq41RDOovNjGpoLFfv4bG/w0jZUWbf8Rr6Kqpq6hqaWtoyvp6RsYCpmoAhFthP7uGPLTlOkUfmbilQUEsoJAOghkA4HsIJADBHKCQC4QyA0CeaAkyAuEJW8QyAcE8gWB/MBHBQcbUeWMtDMsx3ZQ+UJtBiT7qdE+liVJAysIzCIQGNRijFzb1JrPN2cwjQeR5Zeb800CnerINA/wHSwvCFxrL8Y8T/gD2ev57CivyUWBa+Ywl9rV1fJq9HVggethbde2Bu9++euIimqf1fcrXbSEzaWPK32b71SXibOsKNVDjJR/Gy0z9tF3F+9/tfpDtR8dWB+SC0PpR7Xntec+GP6g2r8XnobYpG6AkOERtAytZwrMQ9GdSpF3czKS95ZiqilbDSJu3jOnlt7s7HSiU3BAcyTJAfEShFyK0Wx626s74DZkkzJHgzOqdvsrYkl7Pqju/XDt/TEx7KIXWYbbNpj7MZKthKHyGi3CMz8Rj8OaDPOQulRzxsutqBNcbtDZqvzZzduYqtqewlCB7l1UnFECr6KtRTFU3JDV31/oyzM/6TzypjNnS8VjwDW7RjwiFMK2jB4RopuKhnPlpDMbxKezuYwiIN5KUJpcET78sicb91HyVqSHmLPFjO6QnMfSRmJFkN5+ftCMDXbIK0a+uN8+pqX0KNJJFEeyyrcDqrqmKNveXmfMEHTz0w24Y04AqJu8otavqbU7cuWKUr2rKU4xCa7WL2vVi0rlglwjjq5VHsjVh0r9sWYAL9fNHKZ2yQkvGuqS4lhM8xKF6ji79+UKfv/zLmg+DS8PJXP3i+XcR1/1Zon11pt7DY8QywHNs7qNBdNl2dx+L6kFlGc/MeVEyhsey/sk1YtWXatd2vzjJfSu/kLrnexB5dl9myaQ5tGaGky4tTopdUu0Q3VpaeRDc6kwZLutoqHKFyuGbeHXXetttqTAAVvy2+9+M+6PO6XUu0xJ7Y2zSHH4A2u1POp5S8vMq8MFsKQz+a73dqd3mmIqndJtMa1tBVofEQ4VhkS6Vh4qjIx2MZKfcmn+NR0upRXYYQdNPuFRFyGDTd6mia5l7z3RmWK5x1gOoLSMkmFLCoMo+cMZyoJAK7/9eLESrFxn+xI8XZeUa2o8xBU+b8v4XwyJU3zVmQ4mtnOIh8O6TQeNgbkuVM2n7VfmetLIQTZWWuMRjPg6KPEag6qDoIs1ujH/loQajVSxwTn5Hje+zQ4ddIPbXrkoHXD00bOWfU1b4+tds4is+8VycjtYLYxwTzqKuQF511pcZySkdYza2txiOoms1bGeAyJriIODxjiwf1DWskMHnDTL6TWu31vbUlwhnAjlfMofxIr38rucQ9i1JXjqEGJ5CBmujE06mRFn8ypLIxnMA+m28qLzS6ukrW8Ld+FJY7SjmouK0Lz9d1fm7j8zaIn/erP3/j1OoA3KEQ+NfAGIWBHoh5FcEMwYpVtTrG2jspmD4lTqXyrY676kTFZkM5G1yVpMWrF7xvUL4pIop4P/CzYdcgvhujR6zF6jR2iidVX1xzwmgJ/TKOXQG2l8ziTYxS93f3x2H0nogqTtyKTndyPbXP9i/1BQ+xoskQ9Y9AA8jjjOIlKS8gDXvvNGJn/0AiGcKEn1VvhTvF/Gp7S9GUIwvTAkaeFdRgjVRFG2quEN3xIJTGRHBevP0UIoLVRVqwZe1D4LkI08GWKsITZ+2HO6EEAtnB6efPfvhC0vszJrjKlW5SOvoEK2p3ayALWLMIK2CA4NYm+LkNDPF7lRgXpw2FsJZZ74wx5Gbv4jwrG/JmPzPFuvfD7Ht7dNaK156O7Yr1NSTNQQxt31ApTpxSRoG2D1uUAVtYUSQju3Prkzary8FfFrCVbxW082kb5IXK3Wydq3xaywPDSUv1RnxyVHR6f+L7FkI/fZCjt4x5Ls/hD7DpiEPnSvK+BNmAFchFI0mlSIkMmQaVQTNZR+d/27AeBRiGXnwS9ZBalpg2aV5CfBepyggUhJX1MTxyqQC8yInGPjvLUglgfbhkTrwoVD1GN8nYxRg3CFlw3sAIqfQibpRjILC6g2lERtc9NtmMhNhLWBHTOVTBnfMmO6dT7pbJk+wwpUwb09BzDBPOzAtTtzL43WINZu227lW9ulmS/jBcsxEpuxfQbzBa7lfOGe437hrMVIEKdgr99QaeTIOlv662XUrpaWLqqsvr+lU8YxVm5Yb7srZ4SfPYVMOXhwCjIVMSIHjQuZishBD1lURPYAAsk7hFIoaFsPAWCOP7Xcqtdb5ZTz6mXorVso1mUbYNk9VN7gmzc7Oqx8Kd8yZYqNb/v0MeDL+CAKXnMyF34l2EO8csk98YZ0J1nepfTJGIJXsNaHIyJ/5VC0lD3KbLmXe1ZSWigMh2ihb8PNOySTikndtL2Y5ClAjQS/xdmgrBTOTm3lzDbHWnaIZ7KMxKUSgpBIXNhyqeAw59fPqdwsc9xQVXz6O3zm/qJhkwzTMgLGY5K48816cbpYbzwQzNUEGDqbJhUOPW8G7yvi9hp1weacrOByZA7WmfbFVbxnjTofabmmpQcNAeOZSYeM5nvxw2oyphsmf1r2z8TvVfIATdqQv2gNqMdH6mdKlI+6arMPNG7MrDNQo2uuUnj44OJAXvEfG/YOY70bfl947JS0wM1bjQt0XPusMaljawbS/Iohy8+RXHfMkeXGG/FrRTTqI4m167gLjFs2i5z8psTwSoZPnCj0FDpPmt8PPy8hcNGhQ0Inmmmhjgud2bNmXX+1OtofHvVzpD8dp/uPyEgDUef+2bRJe+frnZi5lmm7s9Z4id8Zst+RvCv8K+ed0L8F4z8xcPq/dJzxabxAi6xFtILxWxn4WoAz6OBeIKzfuMGTAuj78jCSqRmxg7wYGoZX0JZpGszLMRL4e76R863jS/JbMQx435b76tb0bCO2re4ZNZh6apYjt28jy9EMKnMi0GXtF0awzb67S9rkwnxsWSz931aDsc3lLol6D33idiCIeTdDYxdl3ewmYsQUSnM+I9or7Cy7QNhbqrW6ylwt2tJEi4nW/eo8HwGihcv1A/hfnn+BgQGgXxo+oH9T6lkKzruJCjMlgTKTmkgdqeRR9jfOdE1uViQqRlET9rBgH7NeMdMh4Q2EbFHbTgsvkJK/ALhMWF0GzNfPS6EBx2TuMgxPwpni44+J14dc5Tfxr4QcDbnCb5b9Dxn1bEzqTmLsJDZLdqQstgGTY2qW2r0vrTqKSVn7pR0g7Q97baMqq2x8Mc9cUxVz/ONLniILm6vQPOWVtdIMtB6CGUSBm+uSsYy+dB1zW4ej58CyhY0td4uC3t93AGDxYhQi21jYzbxIXpmrdF5/jVutcxoeag0+q4sIbzpYs8+N9EMrRY9Jfh9vpVW+Wjt2eAgbxcOUBv+Dwx0sfVg4+x97+V9v/Q8y6sfnex6MusWqBMozQF0KCPM/L7jgRuVhJgWjctvwCkt53Ch6B/ci/aCGU5UFINVDt/I3/fBlGjZR/DghadSNOSh0CAtCpyZUEEtYRegTE5ompZ69Ja/BHlQ8gNWMmIC0WDMhRfAVphF6CjMIvTkhi3ppbSA2kAmYGncXSIxE+elrYizcQrMBIQ2misqpOfSLbfWYtua9tz9OWTTANFTw6vrkwCmNk+SlnZViwCTt4WPjh71XWCTtmMrI0bmYj8O055OOSPvBqWckDBVtyhYospm3HFGBsV2cel7/F2ZVHkqM1d7n/cOSTE4cCIUSCAR+iiC02rIs2mjJmmnalhqgLJuoHkjZljIvtStQF+yqw0gxUhajdWEubLs5ragY5Z/dD39h8K2RjIFRwIiEkSlUnEZnMFlsTuDhEuzgcLrutBZpUE9N3TohlE4OG8EwCafZXZIlVzEcZq256s0KAzn2AbXNarBHbNjXHmbHUfEwkb5Uw0WL+tQTro1yYTmXb6sO14IeqcGEuq16/uzda+JwaLOpb+SoZD0Y95N4OU+8F1Vd1cPYbVuUwQAA') format('woff2'),
url('//at.alicdn.com/t/font_2135421_0s66x7tsw61.woff?t=1603706396416') format('woff'),
url('//at.alicdn.com/t/font_2135421_0s66x7tsw61.ttf?t=1603706396416') format('truetype'),
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('//at.alicdn.com/t/font_2135421_0s66x7tsw61.svg?t=1603706396416#iconfont') format('svg');
/* iOS 4.1- */
@font-face {font-family: "iconfont";
src: url('../fonts/iconfont.eot?t=1606891246048'); /* IE9 */
src: url('../fonts/iconfont.eot?t=1606891246048#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAhoAAsAAAAAEVwAAAgZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEEgqTZI9gATYCJAM0CxwABCAFhG0HgU0bcQ4RVazFIPuRYNvCWdH5K6cXqaIm6Zt8eNrU9/8Z3MERohViSgWpCSupOYRUzFmZHK2T1JFITVJS81Tc5kI3pwECCPAezuWPUUeYonw78mgXujRXuoae/JyeUhNyQm76/VydNvCQJha5hYKGRCrEL9P33+OGqkYS11XSRIwmGgkZQiNXQMC2JGc23IrKbwQHAkBECuqBFHbo5oAKLGRAGDZx3JhhUAUKwGYkEqhy+QSnLMhKcFDRpfQmgBXW75PvYCEqgIJjIFvtNbr9SNi+FL7MYZSogoEGDbL6ygDcdAEMgHoA2BuanqiZCCjySWYgpmRhA8CDLaVfStRFo1AnSLPI2ip4yDUALtMmGPAQoIIaIiRoLv88HjKlYdXGQOGXgpYH9gNV5IEDqskDAYrkgQIl8sAA08gDD0wHoC6YAQAwEwBgFgDAbACAOch7xtSOrQOgAGC6UHgdcsxIVFBwe6KCB1XI/eAKjFw3JzFdo0k0xNXRxJwpzQlDqzHLkJSm0fBpMXyypMvz8KHj0SPnkyeux9L36CeirMoXrkPE7WFvda5EKmuO14a0badS5ZF9dw3sunuNpZJqb1gUg0HCeUNJukAAVNmZIIX2Emb9/feDiX3sXpsfP3748BEzu/ZOCEih6sq55bQdfZAaSkys2Ey8TyhvvC07hBcpGysG2yqTpJJGyl0an8fQ6vIU5Ti2+nKKHP6q+qMZti13RKjSW9G/yOEQDzURE4c7/GVKeYJTciaWuyTXvXiuUwD7lm/PGlpGp0ck3rCvCtCQoFUWD7EnuqEn6++7lfzy45KupP26mEnB0AB0BwDFnyj6g0kIhvpCBhNE0bel/llMb3I8AskEXgKCLJE+HqkEUFxdhHj1ss8PBALdUof8+wXdyanjMzs3GM+2nbXZsqoseXu4DldZnTtFPrQGdN1Ybv39AYzXWFkzzTB+BG1+UCXgLyJkYP7TtScbyVuPJIZTZ/jjR/r9iUXBpDGhoBjfezoB2hzy0VeQMVJAHShWESLM2NSVwv188Q5/+aTJh/Ii4HsF7526On1Y2CPHx/vVfvFQ4Eff+mjJlicdpU2R/UjRN7AYLtF30vPEdU6Ft66riLOjJNvpelC5Usvh3KZ4xlo7tsjlVAaMKLlVWxtYtf7xml0PW5xosJHpZKRUeWfMtmu1lxRPKT/SQB4WxpElXeWN0aVGpTHGQ+zPP7O66tAVh/S0wtm2wu2uaDvr3tatUk2GE2YTN3o0936E5bfeg3Oc/NeCfehlnTXZqrusvBS/Fl8qg62PVWTrW+YHJn4Q76S/jScx7r+bCDbHhOQRec2GaMZ36zkupvaJjMWatxY192BWFT5/M9UqUFp85XODKc/RuWX/hG/e7aW9nNzNdqfEmruWFKtcI1tTLB/c7SA3li93aPJL0TLm+AyrLzIUm4ojE0tbX+QM3AX/wZobaw5diBh+F+lEU/u0Z0NIy5Z0TaJnYsMHkeTIg/NF9N7AmhpNRR0iZKipbc1EU/78mhuBQ1mtwUMnTgRdb7hkDk3swgK9rjC1UKe36eVG1jPL+mn1nxlGbx5teNYk40XmhF8v1L5a/6nh6uaKmXz5VPvQcsEulA+1Ty3nV/Dlqnee0E67FruqnN8Rl1pUFReL7LnQClA7trAjdXqZAMGeWZqUpP6FhhBfqUvVN0WoX4ql6leW2NIf+yYucDTxpUXfAUzLEeZ5Z+GEyUTDtqZ9YckkhfdZvuHjj3OThX2W+GwVP4Mzs79TPX3HU0U47hc+Q5jKx3IZ9EyGw9TjdT8656YpzmCwmgp7O+327AQzQ13rtgxuGp/OGXg9X5fTc9O5a1tXFEQXDlGdckaDrdHzNTPdDx8WyoW6FvdMW1jWyxElcq0z6OUEr+CsfH42mPsaG60atnph3/RY+5IuAzmeoVlcmOrTnAep3Z528BHVW7+p1hbJ11YXrJh2xuhjGK3nzDkYjR5MuwnrXZtslN/9oeBm7dt6b9/J/f98a3yrM+qi+An3YRHMuVADE8zzMRnvMNNy4YLtvXnzPv/cZsPdx2m2F316LRZaC4t79enY27AqjUT8uiMvTM3jfm77sgW/hG+j6WvZqbdhdUOq5cs52rTf95wVX5J9W3UnTV0Xttum+4UNH/8JQPQRU80YLc4eZhnTh1PF3GeK6ZforTmvmC1MpqkoozAEABivVKHQP7+MCWcATG/6QqQ7+sdOiDlcGoPz637mIbpWEZX0L/TQix9cP1j10SoW7bVDBQoZkJqJg6NMcBX7VciFWva9fBpZA0+L7RA7KADRK45CronF63ZQgrDsWIwSPAGFgGQBAxWy6Cy7noCDhEYCHiq0FYgwoqMhCXFI3g4y9aEHfSMgYvwIKNkZNZPE/lWzsP8EnET/Kp7YdgSiom68lOSExw8eRATN5JqhotGoxfHYHv4KTeqFPyku5j7BB6SRVXn51/0CI/g6bIRFU8domPE0sGfJCvQ9sclTCyrmlq5pXhTmYTNXNMyO2XlAiIakxkhraaSQkTk4Oo78/CvQSHqCz5j3I/0JeAFenKnkSgH6CzUKzduXscFCoxZPZQbTpnpkwDyfykCvdBBmSjbUAkqUsyXaJnPFaT0jSuXto2GbI2zEBeSn00YJQ1jCEZ4IREXURCQS0RAtkSEfxw2MjUzKkqn13oKyIluhGBtds0qATVzehUpf1QZbzz32qEH3bYPzDWrhwkH86g90IifvYJ3PkBK4rwUpm45q1DjU2o6CFWOk4avaXxfXcxBRUIswmwEAAA==') format('woff2'),
url('../fonts/iconfont.woff?t=1606891246048') format('woff'),
url('../fonts/iconfont.ttf?t=1606891246048') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('../fonts/iconfont.svg?t=1606891246048#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
.iconfont,.el-icon-date{
font-family: "iconfont" !important;
font-size: 20px;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconshoutibao:before {
content: "\e615";
}
.iconfuzhicaiji:before {
content: "\e610";
.iconriliriqixuanze:before,.el-icon-date {
content: "\e607";
}
.iconbianji:before {
content: "\e616";
.iconxinzengbuchong:before {
content: "\e609";
}
.iconshangchuan:before {
content: "\e605";
.iconhecha-xiangxixuanzhong:before {
content: "\e60a";
}
.iconsousuo:before {
content: "\e606";
.iconcengjixuanzhong:before {
content: "\e60b";
}
.iconwanchengchenggong:before {
.iconriliriqixuanze:before,.el-icon-date {
content: "\e607";
}
.iconshanchu:before {
.iconzidianmaxuanze:before {
content: "\e608";
}
.iconshezhi:before {
content: "\e609";
}
.iconbaocun:before {
content: "\e60a";
.iconduoxuan:before {
content: "\e620";
}
.icondaohangshouqi:before {
content: "\e60b";
.iconyongcai:before {
content: "\e621";
}
.icongengduo-xiala:before {
content: "\e60c";
.icondaochu:before {
content: "\e622";
}
.icongengduocaozuo:before {
content: "\e60d";
.iconxiangqing:before {
content: "\e623";
}
.icondaohangmoren:before {
content: "\e60e";
.iconshanchu_1:before {
content: "\e624";
}
.iconguanbi:before {
content: "\e60f";
.iconyixuan:before {
content: "\e625";
}
.icontianjia:before {
content: "\e611";
.icontiaojie:before {
content: "\e626";
}
.iconrili:before {
content: "\e612";
}
.iconshanchucuowu:before {
content: "\e613";
}
.iconxiazai:before {
content: "\e614";
}
src/assets/styles/main.scss
// 参考文档：https://element.faas.ele.me/#/zh-CN/component/color#fu-zhu-se
/*参考文档：https://element.faas.ele.me/#/zh-CN/component/color#fu-zhu-se*/
//主色调，蓝色：#1AB1E1，绿色 #4CAF50，蓝色：#03A9F4，黄色：#FF9800，粉色：#FF547B，棕色：#C3A769，浅绿色：#65C4AA，黑色：#333333，紫色：#B323B4，淡粉色：#FF8B8B,element UI：#409eff
$base-color: #1AB1E1;
/*
主色调，蓝色：#1AB1E1，绿色 #4CAF50，蓝色：#03A9F4，黄色：#FF9800，粉色：#FF547B，棕色：#C3A769，浅绿色：#65C4AA，黑色：#333333，紫色：#B323B4，淡粉色：#FF8B8B,element UI：#409eff
*/
$base-color: #1A81E1;
$base-color-success: #0BD9B6;
$base-color-warning: #F56C6C;
$base-color-info: #FE9200;
$body-bg: #F1F3F6;
/* 文字基本颜色 */
$ns-text-color: #333333; //基本色
$ns-text-color: #333333; /*基本色*/
/* 文字尺寸 */
$ns-font-size-sm: 12px;
......@@ -15,16 +18,22 @@ $ns-font-size-base: 14px;
$ns-font-size-lg: 16px;
$ns-font-size-tab-title: 24px;
$ns-font-size-title: 30px;
/*头部*/
$header-height:60px;
$header-fontSize:24px;
/*区域宽度*/
$wrap-width:1400px;
$title-color:#69ABE9;
$border-bg:#409EFF;
body {
line-height: 1.8;
font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
background-color: #f7f7f7;
font-size: $ns-font-size-base;
background-color: $body-bg;
font-size: $ns-font-size-sm;
color: $ns-text-color;
}
#nprogress .bar {
background: $base-color !important; //自定义颜色
background: $base-color !important;/*自定义颜色*/
}
html,
......@@ -66,8 +75,10 @@ i,
em {
font-style: normal;
}
// 去掉a标签的默认样式
body{
background: $body-bg;
}
/*去掉a标签的默认样式*/
a {
text-decoration: none;
color: $ns-text-color;
......@@ -75,7 +86,9 @@ a {
color: $base-color;
}
}
.ar{text-align: right;}
.ac{text-align: center;}
.al{text-align: left;}
.el-main {
border-top: solid 1px #f2f2f2;
overflow: initial;
......@@ -88,8 +101,155 @@ img {
max-width: 100%;
vertical-align: middle;
}
// 居中
.overflow{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}
.width120{max-width:120px;}
.inline{vertical-align: middle;display: inline-block;}
/* 居中*/
.ns-text-align {
text-align: center;
}
/*表头配置面板样式*/
/* line 99, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag {
width: 100%;
height: auto;
}
/* line 103, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .selected-header {
padding: 10px;
}
/* line 105, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .selected-header > div {
padding-bottom: 5px;
border-bottom: 1px dashed #ccc;
}
/* line 110, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .selected-header ul div {
background-color: #ed4848;
}
/* line 115, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .waiting-header {
padding: 10px;
}
/* line 117, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .waiting-header > div {
padding-bottom: 5px;
border-bottom: 1px dashed #ccc;
}
/* line 122, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag ul {
*zoom: 1;
width: 100%;
list-style-type: none;
margin: 5px 0;
padding: 0;
}
/* line 18, ../sass/sass/mixins/_clearfix.scss */
#set_table_panel .table-header-drag ul:before, #set_table_panel .table-header-drag ul:after {
content: " ";
display: table;
}
/* line 23, ../sass/sass/mixins/_clearfix.scss */
#set_table_panel .table-header-drag ul:after {
clear: both;
overflow: hidden;
}
/* line 128, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag ul li {
float: left;
margin: 2px;
cursor: pointer;
}
/* line 132, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag ul li div {
text-align: center;
padding: 0 20px;
background-color: #39980f;
color: #fff;
height: 28px;
line-height: 28px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
/* line 147, ../sass/sass/_queryList.scss */
#set_table_panel .table-header-drag .tips {
width: auto;
padding: 0 10px;
color: #999;
font-size: 12px;
}
.el-dialog__header {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ccc;
}
.el-dialog__body{padding:0 10px !important;}
.el-button+.el-button{margin:0px;}
.el-pagination{text-align: center;}
.el-button{margin-right:16px !important;}
.zdyInputCol2{
.el-input{width:calc((100% - 58px)/2) !important;}
}
/*头部*/
.headerT{
height: $header-height;
background: $base-color;
line-height: $header-height;
box-shadow: 0px 1px 2px rgba(26, 129, 225, 0.3);
color:#fff;
font-size:$header-fontSize;
font-weight: 600;
text-indent: 80px;
position: fixed;
top:0px;
width:100%;
left:0px;
z-index:10;
}
/*头部、已选条件fixed 防止文字上浮*/
.coverText{
height: 16px;
position: fixed;
top: 60px;
width: 100%;
z-index: 10; background: #F1F3F6;
}
.none {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ajxq_s,.ajxq_n{
line-height:26px;
/*overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;*/
}
.paneDiv .el-input,.paneDiv .el-date-editor--daterange.el-input__inner{width:calc(100% - 36px)}
.el-table th>.cell{color:#333333;font-size:14px;}
/*用采合一*/
.popUl{width:187px;background-color:#f3f7f8;border:1px solid #bbb;padding:0 1px;margin-bottom:-10px;position:relative;border-radius:4px;box-shadow: 3px 3px 5px #999;}
.popUl li{clear:both;display:block;height:30px;line-height:30px;border-top:1px #dedede dashed;padding-left:10px;margin:2px 1px 0 1px;cursor:pointer;color:#444;}
.popUl li i{color: #51b1df;position: relative;top: 1px;margin-right:2px;}
.popUl li a{display:block;color:#444;margin-left:25px;}
.popUl li:hover{background-color:#ededed;font-weight:bold;}
.popUl li:hover i{font-weight:100;}
.popUl li:hover a{color:#FF6600;}
.popUl li .icon,.search_icon,.note_icon,.peer_icon,.associate_icon{width:16px;height:16px;float:left;margin-top:6px;}
.popUl h4{height:26px;line-height:26px;background-color:#efefef;text-align:center;font-size:12px;color:#333;}
.popUl .el-radio{line-height: 30px;}
.popUl .el-radio__label{padding-left:0px;}
/**/
src/assets/styles/table.scss 0 → 100644
@import './main.scss';
.tableList{
.total{
color:#999; float: left; margin-left: 200px;position: relative;top: -4px;
}
.setting{color:$base-color;margin-right:40px;position: relative;top: -4px;}
.export{
height: 32px;
line-height: 32px;
background: #FFFFFF;
border: 1px solid #707070;
opacity: 1;
border-radius: 4px; vertical-align: middle;padding:0px;width:88px;color:#333;margin-top:-12px;}
/*结果筛选*/
.sxWrap{
margin:0px 34px;
display: flex;
.cxjgsxTitle{
font-size: 16px;
font-weight: bold;
line-height: 21px;
color: #FE9200;
margin-top:24px;
display: inline-block;
}
.sxcontent{
flex:1;margin-top:24px;
.flTitle{width:120px;text-align: right;display: inline-block;color: #333333;vertical-align: top;font-size:14px;}
.radioGroup{display: inline-block;width:calc(100% - 124px);vertical-align: middle;
color: #666666;
}
}
}
}
src/components/Loading.vue
<template>
<div class="loading-layer" v-show="isShow">
<div class="loading-layer" v-show="loading">
<div class="loading-anim">
<div class="box">
<div class="border out ns-border-color"></div>
<div class="border in ns-border-color"></div>
<div class="border mid ns-border-color"></div>
<i class="el-icon-loading"></i><span style="position: relative; top: -6px;">{{text}}</span>
</div>
</div>
</div>
......@@ -13,12 +11,17 @@
<script>
export default {
name: "loading-cover",
props:{
loading:Boolean,
text:{
type:String,
default:'正在加载中...'
}
},
data() {
return {
isShow: true
};
},
created() {},
methods: {
show() {
this.isShow = true;
......@@ -42,7 +45,11 @@ export default {
}
.box {
background: red;
font-size: 17px;
}
.box i{
font-size: 28px;
font-weight: 600;
}
.loading-layer {
......@@ -52,6 +59,7 @@ export default {
top: 0;
left: 0;
z-index: 997;
background: rgba(0,0,0,0.3);
}
.loading-anim {
......
src/components/code.vue
......@@ -79,13 +79,11 @@ export default {
// this.keyNode.push(data.$treeNodeId)
this.codeObj.push(data)
} else if (!data.children && !checked) {
debugger
var index = this.codeObj.findIndex(item => {
return item.id === data.id
})
this.codeObj.splice(index, 1)
console.log(this.codeObj);
}
return
},
......@@ -95,7 +93,6 @@ export default {
},
handleClose () {
this.codeShow = false
console.log(this.codeObj);
this.keyNode = []
this.codeObj.forEach(item => {
this.keyNode.push(item.label)
......
src/components/demoPrototype/queryPages/queryCommonPage.vue
......@@ -562,10 +562,8 @@ export default {
switchingConditions() {
/*展开收起条件*/
this.toggleZd = !this.toggleZd;
console.log(this.toggleZd);
this.propQueryField.forEach(val => {
if (Object.prototype.hasOwnProperty.call(val, "hidden")) {
console.log(!this.toggleZd);
console.log(this.propQueryField);
this.$set(val, "hidden", !this.toggleZd); /*修改对象得值并触发视图*/
}
......@@ -582,8 +580,6 @@ export default {
this.propQueryField.forEach(val => {
this.formData[val.id] = val.value;
});
console.log(this.formData);
console.log(JSON.stringify(this.formData));
},
handleCurrentChange(val) {
//此方法调用接口获取当前页数据
......
src/components/formItem_components.vue 0 → 100644
<template>
<div class="paneDiv">
<div>
<div class="titleWrap">
<span class="two-title">{{ field.title }}</span
><span class="border"></span><span class="dashedBorder"></span>
</div>
<div class="zdyLine" v-if="field.id != 'flxx'">
<el-form-item
:label="item2.name + ':'"
v-for="item2 in field.data"
:key="item2.id"
:prop="item2.id"
:class="'demo-input-suffix zdycol' + item2.col"
v-show="!item2.hidden"
>
<!--输入框-->
<el-input
:placeholder="item2.placeholder"
v-model="formD[item2.id]"
clearable
:disabled="item2.isdisabled"
@blur="getSeleted(item2, formD[item2.id])"
@clear="getSeleted(item2, formD[item2.id])"
v-if="item2.type == 'text'"
>
</el-input>
<!--下拉框-->
<el-select
v-model="formD[item2.id]"
:placeholder="item2.placeholder"
v-else-if="item2.type == 'select'"
@blur="getSeleted(item2, formD[item2.id])"
@clear="getSeleted(item2, formD[item2.id])"
>
<el-option
v-for="item3 in item2.selectData"
:key="item3.value"
:label="item3.name"
:value="item3.value"
>
</el-option>
</el-select>
<!--输入框-最大值与最小值-->
<div
class="zdyInputW zdyInputCol2"
v-else-if="item2.type == 'zdyText'"
>
<el-input
:placeholder="item2.placeholder"
v-model="formD[item2.id]"
:disabled="item2.isdisabled"
@blur="getSeleted(item2, formD[item2.id])"
@clear="getSeleted(item2, formD[item2.id])"
>
</el-input>
—
<el-input
:placeholder="item2.placeholder2"
v-model="formD[item2.id2]"
style="width:calc((100% - 150)/2)"
:disabled="item2.isdisabled"
@blur="getSeleted(item2, formD[item2.id2], true)"
@clear="getSeleted(item2, formD[item2.id])"
>
</el-input>
</div>
<!--文本域-->
<el-input
type="textarea"
autosize
:placeholder="item2.placeholder"
v-model="formD[item2.id]"
v-else-if="item2.type == 'textarea'"
:disabled="item2.isdisabled"
@blur="getSeleted(item2, formD[item2.id])"
@clear="getSeleted(item2, formD[item2.id])"
>
</el-input>
<!--日期框 日期时间-->
<el-date-picker
v-model="formD[item2.id]"
:type="item2.type"
:placeholder="item2.placeholder"
:picker-options="item2.pickerOptions"
align="right"
unlink-panels
@blur="getSeleted(item2, formD[item2.id])"
@change="getChangeValue(item2, formD[item2.id])"
range-separator="至"
start-placeholder="开始日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
end-placeholder="结束日期"
suffix-icon="el-icon-date"
:disabled="item2.isdisabled"
v-else-if="item2.type == 'date'"
>
</el-date-picker>
<!--日期框 日期时间范围-->
<el-date-picker
v-model="formD[item2.id]"
:type="item2.type"
:placeholder="item2.placeholder"
:picker-options="item2.pickerOptions"
align="right"
unlink-panels
range-separator="至"
@blur="getSeleted(item2, formD[item2.id])"
@change="getChangeValue(item2, formD[item2.id])"
start-placeholder="开始日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
end-placeholder="结束日期"
:disabled="item2.isdisabled"
suffix-icon="el-icon-date"
v-else-if="item2.type == 'daterange'"
>
</el-date-picker>
<!--多选框-->
<div class="zdyInputW" v-else-if="item2.type == 'checkbox'">
<el-checkbox-group v-model="formD[item2.id]" size="small">
<el-checkbox
v-for="item3 in item2.checkboxData"
:label="item3"
:key="item3"
>{{ item3 }}</el-checkbox
>
</el-checkbox-group>
</div>
<!--单选框-->
<div class="zdyInputW" v-else-if="item2.type == 'radio'">
<el-radio-group v-model="formD[item2.id]" size="small">
<el-radio
:label="'' + item3.value"
v-for="item3 in item2.radioData"
:key="item3.value"
>{{ item3.name }}</el-radio
>
</el-radio-group>
</div>
<!--字典框-->
<div
class="zdyInputW"
v-else-if="item2.type == 'code' || item2.type == 'jlCode'"
>
<select-tree
v-model="formD[item2.id]"
:placeholder="'请选择'"
:options="item2.codeOptions"
:sendId="item2.id"
@emitValue="getLbValue"
@emitQkValue="qkValue"
@getSeleted="getCodeSeleted($event, item2)"
/>
</div>
<!--标识号tag-->
<div class="zdyInputW" v-else-if="item2.type == 'tag'">
<el-tag
:key="tag.rcdid"
v-for="tag in item2.tagData"
closable
:disable-transitions="false"
@close="handleClose(tag.rcdid)"
>
{{ tag.kybsh }}
</el-tag>
<el-button class="button-new-tag" size="small" @click="showInput"
>+</el-button
>
</div>
</el-form-item>
<!---->
</div>
<div class="zdyLine checkboxGroup" v-if="field.id == 'flxx'">
<el-checkbox-group v-model="formD[field.id]" size="small">
<el-checkbox-button
v-for="item in field.data"
:label="item.id"
:key="item.id"
>{{ item.name }}
<el-tooltip placement="right" effect="light">
<div slot="content">
<!---->
<ul
class="popUl"
style="position:absolute;left:-1px;top:-34px;width:90px;"
v-if="item.id == 'nldfl'"
>
<li style="height:auto;">
<el-radio-group v-model="radioNldfl">
<el-radio :label="item2.label" v-for="item2 in LabelList" :key="item2.id">{{item2.label}}</el-radio>
</el-radio-group>
</li>
</ul>
<ul
class="popUl"
style="position:absolute;left:-1px;top:-34px;width:90px;"
v-else-if="item.id == 'xbfl'"
>
<li style="height:auto;">
<el-radio-group v-model="radioXbfl">
<el-radio :label="item2.label" v-for="item2 in LabelList" :key="item2.id">{{item2.label}}</el-radio>
</el-radio-group>
</li>
</ul>
<ul
class="popUl"
style="position:absolute;left:-1px;top:-34px;width:90px;"
v-else-if="item.id == 'gjfl'"
>
<li style="height:auto;">
<el-radio-group v-model="radioGjfl">
<el-radio :label="item2.label" v-for="item2 in LabelList" :key="item2.id">{{item2.label}}</el-radio>
</el-radio-group>
</li>
</ul>
<ul
class="popUl"
style="position:absolute;left:-1px;top:-34px;width:90px;"
v-else-if="item.id == 'hjdfl'"
>
<li style="height:auto;">
<el-radio-group v-model="radioHjdfl">
<el-radio :label="item2.label" v-for="item2 in LabelList" :key="item2.id">{{item2.label}}</el-radio>
</el-radio-group>
</li>
</ul>
<ul
class="popUl"
style="position:absolute;left:-1px;top:-34px;width:90px;"
v-else-if="item.id == 'mzfl'"
>
<li style="height:auto;">
<el-radio-group v-model="radioMzfl">
<el-radio :label="item2.label" v-for="item2 in LabelList" :key="item2.id">{{item2.label}}</el-radio>
</el-radio-group>
</li>
</ul>
</div>
<span class="selectLabel" v-if="item.id == 'nldfl'">{{
checkedLabelNldfl.substring(0, 1)
}}</span>
<span class="selectLabel" v-else-if="item.id == 'xbfl'">{{
checkedLabelXbfl.substring(0, 1)
}}</span>
<span class="selectLabel" v-else-if="item.id == 'gjfl'">{{
checkedLabelGjfl.substring(0, 1)
}}</span>
<span class="selectLabel" v-else-if="item.id == 'hjdfl'">{{
checkedLabelHjdfl.substring(0, 1)
}}</span>
<span class="selectLabel" v-else-if="item.id == 'mzfl'">{{
checkedLabelMzfl.substring(0, 1)
}}</span>
</el-tooltip>
</el-checkbox-button>
</el-checkbox-group>
</div>
</div>
</div>
</template>
<script>
import SelectTree from "@c/tree_components.vue";
import request from "@/api/interface/dictionaryCode.js";
export default {
name: "formItem",
components: {
SelectTree
},
props: {
formField: Object,
formDa: Object
},
data() {
return {
field: this.formField,
formD: this.formDa,
emitSeleted: [],
LabelList: [
{ label: "嫌疑人", id: "1" },
{ label: "受害人", id: "2" },
{ label: "全部", id: "0" }
],
checkedLabelNldfl: "选",
checkedLabelXbfl: "选",
checkedLabelGjfl: "选",
checkedLabelHjdfl: "选",
checkedLabelMzfl: "选",
radioNldfl:'',
radioXbfl:'',
radioGjfl:'',
radioHjdfl:'',
radioMzfl:'',
};
},
watch: {
radioNldfl(val){
this.checkedLabelNldfl=val;
},
radioXbfl(val){
this.checkedLabelXbfl=val;
},
radioGjfl(val){
this.checkedLabelGjfl=val;
},
radioHjdfl(val){
this.checkedLabelHjdfl=val;
},
radioMzfl(val){
this.checkedLabelMzfl=val;
},
formField(val) {
this.field = val;
}
},
methods: {
checkedLabel(item) {
if (item.id == "nldfl") {
this.checkedLabelNldfl = this.radioNldfl.substring(0, 1);
} else if (item.id == "xbfl") {
this.checkedLabelXbfl = this.radioXbfl.substring(0, 1);
} else if (item.id == "gjfl") {
this.checkedLabelGjfl = this.radioGjfl.substring(0, 1);
} else if (item.id == "hjdfl") {
this.checkedLabelHjdfl = this.radioHjdfl.substring(0, 1);
} else if (item.id == "mzfl") {
this.checkedLabelMzfl = this.radioMzfl.substring(0, 1);
}
},
qkValue(id, startId) {
let self = this;
if (startId != "") {
if (id == "ajzlb") {
//选择主案类别时
self.field.data.forEach(val => {
if (val.id == "ajxzlb") {
self.formD.ajxzlb = "";
request.axiosJlCode(val.codeTree, startId).then(response => {
if (response.success === true) {
val.codeOptions = response.data.list;
}
});
} else if (val.id == "xalbdmbcms") {
self.formD.xalbdmbcms = "";
request.axiosJlCode(val.codeTree, startId).then(response => {
if (response.success === true) {
val.codeOptions = response.data.list;
}
});
}
});
}
} else {
if (id == "ajzlb") {
//清空主案的时候
self.field.data.forEach(val => {
if (val.id == "ajxzlb") {
self.formD.ajxzlb = "";
request.axiosCode(val.codeTree).then(response => {
if (response.success === true) {
self.$set(val, "codeOptions", response.data.list);
}
});
} else if (val.id == "xalbdmbcms") {
self.formD.xalbdmbcms = "";
request.axiosCode(val.codeTree).then(response => {
if (response.success === true) {
self.$set(val, "codeOptions", response.data.list);
}
});
}
});
} else if (id == "ajxzlb") {
//清空次案的时候
self.field.data.forEach(val => {
let startId = self.formD.ajzlb;
if (val.id == "xalbdmbcms") {
self.formD.xalbdmbcms = "";
request.axiosJlCode(val.codeTree, startId).then(response => {
if (response.success === true) {
val.codeOptions = response.data.list;
}
});
} else if (val.id == "ajxzlb") {
self.formD.ajxzlb = "";
request.axiosJlCode(val.codeTree, startId).then(response => {
if (response.success === true) {
val.codeOptions = response.data.list;
}
});
}
});
}
}
},
getLbValue(id, startId, parentId) {
let self = this;
if (id == "ajxzlb") {
//选择次案类别代码时
self.formD.ajzlb = parentId;
self.formD.xalbdmbcms = "";
self.field.data.forEach(val => {
if (val.id == "xalbdmbcms") {
self.$set(val, "value", "");
request.axiosJlCode(val.codeTree, startId).then(response => {
if (response.success === true) {
val.codeOptions = response.data.list;
}
});
}
});
} else if (id == "xalbdmbcms") {
//选择次类案类别代码时
self.formD.ajxzlb = parentId;
self.field.data.forEach(val => {
if (val.id == "ajxzlb") {
val.codeOptions.forEach(val2 => {
if (val2.id == parentId) {
self.formD.ajzlb = val2.parentId;
return;
}
});
return;
}
});
} else if (id == "ajzlb") {
//选择主案类别时
self.field.data.forEach(val => {
if (val.id == "ajxzlb") {
self.formD.ajxzlb = "";
request.axiosJlCode(val.codeTree, startId).then(response => {
if (response.success === true) {
val.codeOptions = response.data.list;
}
});
} else if (val.id == "xalbdmbcms") {
self.formD.xalbdmbcms = "";
request.axiosJlCode(val.codeTree, startId).then(response => {
if (response.success === true) {
val.codeOptions = response.data.list;
}
});
}
});
}
},
getCodeSeleted(codeValue, item) {
this.getSeleted(item, codeValue);
},
getChangeValue(item, value) {
if (value == null) {
this.getSeleted(item, "");
}
},
getSeleted(item, value, flag) {
let self = this;
let ret2 = self.emitSeleted.find(v => {
return v.id == item.id;
});
if (value != "" && value != null) {
if (!flag) {
item.value = value;
if (ret2 == undefined) {
if (item.type == "daterange") {
item.value1 = item.value[0];
item.value2 = item.value[1];
}
this.$set(self.emitSeleted, self.emitSeleted.length, item);
}
} else {
if (ret2 != undefined) {
ret2.value2 = value;
}
}
self.$emit("getSelected", self.emitSeleted);
} else {
var index = self.emitSeleted.findIndex(val => {
return val.id === item.id;
});
self.emitSeleted.splice(index, 1);
}
}
},
mounted() {}
};
</script>
<style>
@import url("../assets/styles/iconfont.css");
.checkboxGroup .el-checkbox-button__inner {
border-left: 1px solid #cfcfcf;
margin: 0px 12px 11px 0;
padding: 0px 24px;
height: 36px;
line-height: 36px;
background: #fcfcfd;
border: 1px solid #cfcfcf;
color: #555555;
opacity: 1;
border-radius: 4px;
}
.checkboxGroup .el-checkbox-button.is-checked .el-checkbox-button__inner {
background-color: transparent;
color: #1a81e1;
background: #fcfcfd;
border: 1px solid #1a81e1;
}
.checkboxGroup .el-checkbox-button:first-child .el-checkbox-button__inner,
.checkboxGroup .el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 4px;
}
.paneDiv .el-form-item__label {
color: #555555;
}
.paneDiv .el-input__inner {
height: 36px;
line-height: 36px;
background: #fcfcfd;
border: 1px solid #cfcfcf;
padding: 0 12px;
}
.paneDiv .el-select {
width: 100%;
}
.paneDiv .el-form-item__content,
.zdyInputW {
height: 40px;
}
.paneDiv .el-date-editor--daterange.el-input__inner {
width: 100%;
}
.el-date-editor .el-range__icon {
position: absolute;
right: 0px;
top: 2px;
}
.el-icon-date:before {
content: "\e607";
}
</style>
<style scoped lang="scss">
@import "../assets/styles/form.scss";
</style>
src/components/form_components.vue 0 → 100644
<template>
<div class="formWrap">
<div>
<span class="flTtitle">查询条件</span>
<span class="pageGuide">页面引导</span>
<span class="settingField" @click="centerDialogVisible = true"
><i class="iconfont icontiaojie"></i>配置查询条件</span
>
</div>
<el-form
label-position="right"
label-width="140px"
ref="ajxxForm"
:model="formD"
>
<form-item
:formField="ajxxDefaultField"
:formDa="formD"
v-show="ajxxDefaultField.data.length != 0"
@getSelected="getSelected"
></form-item>
<form-item
:formField="xyrxxDefaultField"
:formDa="formD"
v-show="xyrxxDefaultField.data.length != 0"
@getSelected="getSelected"
></form-item>
<form-item
:formField="shrxxDefaultField"
:formDa="formD"
v-show="shrxxDefaultField.data.length != 0"
@getSelected="getSelected"
></form-item>
<form-item
:formField="flxxDefaultField"
:formDa="formD"
v-show="flxxDefaultField.data.length != 0"
@getSelected="getSelected"
></form-item>
</el-form>
<div class="ar" style="margin-top:20px;margin-right:34px;">
<el-button
type="primary"
size="small"
class="zdybtn search"
@click="doQuery('ajxx')"
>案件信息查询</el-button
>
<el-button
type="primary"
size="small"
class="zdybtn search"
@click="doQuery('xyrxx')"
>嫌疑人信息查询</el-button
>
<el-button
type="primary"
size="small"
class="zdybtn search"
@click="doQuery('shrxx')"
>受害人信息查询</el-button
>
<el-button plain size="small" class="zdybtn delete">清空</el-button>
</div>
<el-dialog
title="配置查询条件"
:visible.sync="centerDialogVisible"
width="1000px"
custom-class="cxtjDialog"
center
>
<setting-dialog
@emitDialog="emitDialog"
@close="close"
:AjxxDefaultFormField="ajxxDefaultField"
:xyrxxDefaultField="xyrxxDefaultField"
:shrxxDefaultField="shrxxDefaultField"
:flxxDefaultField="flxxDefaultField"
:waitAjxxField="waitAjxxField"
:waitShrxxField="waitShrxxField"
:waitXyrxxField="waitXyrxxField"
:waitFlxxField="waitFlxxField"
@loading="loading"
></setting-dialog>
</el-dialog>
</div>
</template>
<script>
import formItem from "./formItem_components.vue";
import settingDialog from "@/views/jccx/dialog.vue";
import "@/assets/styles/iconfont.css";
import request from "@/api/interface/dictionaryCode.js";
export default {
name: "formWrap",
components: {
formItem,
settingDialog
},
props: {
formData: Object,
AjxxFormField: Object,
XyrxxFormField: Object,
ShrxxFormField: Object,
FlxxFormField: Object,
AjxxDefaultFormField: Object,
XyrxxDefaultFormField: Object,
ShrxxDefaultFormField: Object,
FlxxDefaultFormField: Object,
fieldType: String
},
data() {
return {
formD: this.formData,
ajxxField: this.AjxxFormField,
xyrxxField: this.XyrxxFormField,
shrxxField: this.ShrxxFormField,
flxxField: this.FlxxFormField,
ajxxDefaultField: this.AjxxDefaultFormField,
xyrxxDefaultField: this.XyrxxDefaultFormField,
shrxxDefaultField: this.ShrxxDefaultFormField,
flxxDefaultField: this.FlxxDefaultFormField,
isMultiple: false,
centerDialogVisible: false,
waitAjxxField: [],
waitShrxxField: [],
waitXyrxxField: [],
waitFlxxField: [],
type: this.fieldType
};
},
methods: {
loading(data){
this.$emit("emitLoading",data)
},
getSelected(data) {
this.$emit("getSeletedList", data);
},
doQuery(type) {
let self = this;
self.formD.page = 1;
self.$emit("doQueryList", type, self.formD, "isButton");
},
emitDialog(flag, ajxxL, xyrL, shrL, flxxL, ajxxO, xyrO, shrO, flxxO) {
/*保存的字段匹配*/
let self = this;
let obj1 = JSON.parse(ajxxL);
let obj2 = JSON.parse(xyrL);
let obj3 = JSON.parse(shrL);
let obj4 = JSON.parse(flxxL);
self.centerDialogVisible = flag;
/*保存*/
let params = {};
params.name = "基础查询保存查询字段";
params.type = self.type;
params.list = [];
self.$set(params.list, 0, obj1);
self.$set(params.list, 1, obj2);
self.$set(params.list, 2, obj3);
self.$set(params.list, 3, obj4);
request.saveField(JSON.stringify(params)).then(res => {
if (res.success === true) {
self.$message({
type: "succes",
message: "保存成功"
});
self.ajxxDefaultField = JSON.parse(ajxxO);
self.xyrxxDefaultField = JSON.parse(xyrO);
self.shrxxDefaultField = JSON.parse(shrO);
self.flxxDefaultField = JSON.parse(flxxO);
self.init();
self.initCode();
self.$emit("closeLoading",false)
} else {
self.$message({
type: "error",
message: "保存失败"
});
self.$emit("closeLoading",false)
}
});
},
close(flag) {
this.centerDialogVisible = flag;
},
init() {
let self = this;
self.waitAjxxField = self.ajxxField.data.filter(
item => !self.ajxxDefaultField.data.some(ele => ele.name === item.name)
);
self.waitShrxxField = self.shrxxField.data.filter(
item => !self.shrxxDefaultField.data.some(ele => ele.name === item.name)
);
self.waitXyrxxField = self.xyrxxField.data.filter(
item => !self.xyrxxDefaultField.data.some(ele => ele.name === item.name)
);
self.waitFlxxField = self.flxxField.data.filter(
item => !self.flxxDefaultField.data.some(ele => ele.name === item.name)
);
},
initCode() {
let self = this;
self.ajxxDefaultField.data.forEach(val => {
if (val.type == "code") {
if (val.codeOptions.length == 0) {
request.axiosCode(val.codeTree).then(response => {
if (response.success === true) {
self.$set(val, "codeOptions", response.data.list);
}
});
}
}
});
self.xyrxxDefaultField.data.forEach(val => {
if (val.type == "code") {
if (val.codeOptions.length == 0) {
request.axiosCode(val.codeTree).then(response => {
if (response.success === true) {
self.$set(val, "codeOptions", response.data.list);
}
});
}
}
});
self.shrxxDefaultField.data.forEach(val => {
if (val.type == "code") {
if (val.codeOptions.length == 0) {
request.axiosCode(val.codeTree).then(response => {
if (response.success === true) {
self.$set(val, "codeOptions", response.data.list);
}
});
}
}
});
}
},
mounted() {
let self = this;
self.init();
self.initCode();
},
watch: {
AjxxDefaultFormField(val) {
this.ajxxDefaultField = val;
},
XyrxxDefaultFormField(val) {
this.xyrxxDefaultField = val;
},
ShrxxDefaultFormField(val) {
this.shrxxDefaultField = val;
},
FlxxDefaultFormField(val) {
this.flxxDefaultField = val;
this.initCode();
this.init();
},
formData(data) {
this.formD = data;
}
}
};
</script>
<style scoped lang="scss">
@import "../assets/styles/form.scss";
</style>
src/components/header_components.vue 0 → 100644
<template>
<div class="headerT">{{headerTitle}}</div>
</template>
<script>
export default {
name: "headerT",
props: {
headerTitle:String
}
}
</script>
<style scoped lang="scss">
@import '../assets/styles/main.scss';
</style>
src/components/table_components.vue 0 → 100644
<template>
<div class="tableList">
<div class="formWrap" v-show="flxxList.length!=0">
<div class="sxWrap">
<div class="cxjgsxTitle">查询结果筛选</div>
<div class="sxcontent">
<div v-for="item in flxxList" :key="item.name">
<div class="flTitle">{{ item.name }}：</div>
<div class="radioGroup">
<el-radio-group v-model="xbfl">
<el-radio
:label="item2.name"
v-for="(item2, key) in item.list"
:key="key"
@change="getRadioValue($event, item.type)"
><span class="overflow inline width120" :title="item2.name">{{
item2.name
}}</span
><span class="inline">({{ item2.num }})</span></el-radio
>
</el-radio-group>
</div>
<div>展开条件</div>
</div>
</div>
</div>
</div>
<div class="formWrap">
<el-row>
<el-col :span="24">
<span class="flTtitle">查询结果</span>
</el-col>
</el-row>
<div class="paneDiv">
<!--可配置化图标-->
<div
style="height:30px;line-height: 30px;text-align: right;font-size:12px;position: relative;top: -13px;"
>
<span class="total">共有{{ tableDataLength }}条查询结果</span>
<span class="setting" @click="centerDialogVisible = true"
><i class="el-icon-setting pzhIcon" title="可配置化列表"></i
>表头设置</span
>
<el-button plain class="export" size="small" @click="exportExcel"
><i
class="fa fa-external-link"
aria-hidden="true"
style="margin-right:5px;"
></i
>导出</el-button
>
</div>
<!--表格-->
<el-table
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:key="key"
ref="itsmDataTable"
:data="tableData"
tooltip-effect="dark"
style="width: 99%;margin:0 auto"
width="100%"
size="small"
border
:row-class-name="tableRowClassName"
@sort-change="orderBy"
@selection-change="getRows"
>
<!-- <el-table-column label="操作" align="center" min-width="160">
<template slot-scope="scope"
><el-button
type="primary"
size="mini"
v-show="scope.row.ifAjbc == '1' || scope.row.bzzt == '1'"
@click="enterAjzb(scope.row.asjbh)"
>案件侦办</el-button
><el-button
type="primary"
style="background: #FE9200;border:none;"
size="mini"
v-show="scope.row.ifAjbc != '1' && scope.row.bzzt != '1'"
@click="enterAjrl(scope.row.asjbh)"
>案件认领</el-button
>
</template>
</el-table-column>-->
<el-table-column
align="center"
:min-width="
columnTitle.prop == 'jyaq' || columnTitle.prop == 'asjbh'
? '360'
: '160'
"
v-for="columnTitle in formThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
:sortable="
columnTitle.prop == 'asjfssjAsjfskssj' ||
columnTitle.prop == 'slsj' ||
columnTitle.prop == 'larq' ||
columnTitle.prop == 'djsj' ||
columnTitle.prop == 'zczjZxsj01' ||
columnTitle.prop == 'djsj' ||
columnTitle.prop == 'gxsj'
? 'custom'
: false
"
>
<template slot-scope="scope">
<div class="ajxq_s" v-if="columnTitle.prop == 'jyaq'">
<span class="none" v-html="scope.row[columnTitle.prop]"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="display: inline-block;width: 100%;text-align: right;color: #3692c6;font-weight:600;"
id="open"
>展开</a
>
</div>
<div class="ajxq_n" style="display:none;">
<span
style="display: block;"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float:right;color: #3692c6;font-weight:600;"
id="stop"
>收起</a
>
</div>
<div v-if="columnTitle.prop == 'asjbh'">
{{ scope.row[columnTitle.prop] }}
<el-tooltip placement="right" effect="light">
<div slot="content">
<ul
class="popUl"
style="position:absolute;left:-1px;top:-51px;"
>
<h4>{{ scope.row[columnTitle.prop] }}</h4>
<li
@click="
ychyLink(item.path, scope.row[columnTitle.prop])
"
v-for="item in ychyDataList"
:key="item.id"
v-show="
item.id == 'ajzb'
? scope.row.ifAjbc == '1' || scope.row.bzzt == '1'
? true
: false
: true
"
>
<i :class="item.class"></i><span>{{ item.name }}</span>
</li>
</ul>
</div>
<img
src="../assets/img/asjxx_ychy.png"
style="width:20px;cursor: pointer;position: relative;top:4px;"
/>
</el-tooltip>
</div>
<div
v-if="columnTitle.prop != 'jyaq' && columnTitle.prop != 'asjbh'"
v-html="scope.row[columnTitle.prop]"
></div>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-size="page_size"
layout="prev, pager, next"
:small="true"
:total="tableDataLength"
v-if="pageShow"
>
</el-pagination>
<!--配置化列表-->
<el-dialog
title="配置表格表头字段"
:visible.sync="centerDialogVisible"
width="780px"
custom-class="zdyTheadDialog"
center
>
<div id="set_table_panel" v-show="centerDialogVisible">
<div class="table-header-drag">
<div class="selected-header">
<div>已选表头</div>
<!--<ul>-->
<draggable
class="list-group"
:list="formThead"
group="people"
@change="draggableList"
element="ul"
id="selected_ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in formThead"
:key="element.label"
>
<div :rel="element.prop" :name="element.label">
{{ element.label }}
</div>
</li>
</draggable>
<!--</ul>-->
</div>
<div>
<div>待选表头</div>
<!--<ul>-->
<draggable
id="waiting_ul"
ref="waiting_ul"
class="list-group waiting-header"
:list="waitBt"
group="people"
@change="draggableList"
element="ul"
data-listidx="1"
>
<li
class="list-group-item"
v-for="element in waitBt"
:key="element.label"
>
<div :rel="element.prop" :name="element.label">
{{ element.label }}
</div>
</li>
</draggable>
<!--</ul>-->
</div>
<div class="tips">
<i class="fa fa-info-circle"></i>
<span>亲，可以通过拖动来配置表格</span>
</div>
</div>
</div>
<span
slot="footer"
class="dialog-footer"
v-show="centerDialogVisible"
>
<el-button @click="centerDialogVisible = false" size="mini"
>取 消</el-button
>
<el-button type="primary" size="mini" @click="handleCheckedChange"
>确 定</el-button
>
</span>
</el-dialog>
</div>
</div>
</div>
</template>
<script>
import draggable from "vuedraggable";
import request from "@/api/interface/dictionaryCode.js";
export default {
name: "tableList",
components: {
draggable
},
props: {
flxxGroup: {
type: Array,
default: () => []
},
ychyDataList: {
type: Array,
default: () => []
},
DefaultAjFormThead: {
type: Array,
default: () => []
},
queryTableData: {
type: Array,
default: () => []
},
AllAjThead: {
type: Array,
default: () => []
},
theadType: String,
theadTitle: String,
dataLength: Number,
tableType: String,
pageNum: Number,
tableLoadingEmit: Boolean
},
data() {
return {
tableDataLength: this.dataLength,
centerDialogVisible: false,
tableLoading: this.tableLoadingEmit,
tableData: this.queryTableData,
formThead: this.DefaultAjFormThead,
startnum: 0, //开始
endnum: 20, //结束
currentPage1: this.pageNum,
page_size: 10,
pageShow: true,
waitBt: [],
key: 1,
xbfl: "全部",
type: this.theadType,
title: this.theadTitle,
isTableTpe: this.tableType /*ajxx/xyrxx/shrxx*/,
flxxList: this.flxxGroup
};
},
methods: {
getRadioValue(val, type) {
this.$emit("getFlValue", val, type, this.isTableTpe);
},
exportExcel() {
this.$emit("exportFile", this.isTableTpe);
},
draggableList() {
console.log(this.propdefaultFormThead);
},
handleCurrentChange(val) {
let self = this;
self.currentPage1 = val;
self.$emit("getPage", val, self.isTableTpe);
},
tableRowClassName({ rowIndex }) {
if (rowIndex % 2 == 0) {
return "";
} else {
return "success-row";
}
},
orderBy(column) {
let self = this,
key = "",
keyValue = "";
self.tableLoading = true;
self.$emit("getLoading", self.tableLoading);
console.log(column);
keyValue = column.prop;
key = column.order == "ascending" ? "asc" : "desc";
self.$emit("getSort", key, keyValue, self.isTableTpe);
},
getRows(val) {
this.checkBoxData = val;
},
handleCheckedChange() {
let self = this,
saveData = {};
self.centerDialogVisible = false;
self.key = self.key + 1; // 为了保证table 每次都会重渲 In order to ensure the table will be re-rendered each time
//保存至后台
self.$set(saveData, "type", self.type);
self.$set(saveData, "name", self.title);
self.$set(saveData, "list", self.formThead);
request.saveField(JSON.stringify(saveData)).then(res => {
if (res.code == 20000) {
self.$message({
type: "succes",
message: "保存成功"
});
} else {
self.$message({
type: "error",
message: "保存失败"
});
}
});
}
},
watch: {
flxxGroup(val) {
this.flxxList = val;
},
tableLoadingEmit(val) {
this.tableLoading = val;
},
tableType(val) {
this.isTableTpe = val;
},
dataLength(data) {
this.tableDataLength = data;
},
queryTableData(data) {
this.tableData = data;
},
DefaultAjFormThead(val) {
this.formThead = val;
},
AllAjThead(val) {
let self = this;
self.waitBt = val.filter(
item => !self.formThead.some(ele => ele.label === item.label)
);
},
theadType(val) {
this.type = val;
},
theadTitle(val) {
this.title = val;
},
pageNum(val) {
this.currentPage1 = val;
}
},
mounted() {
let self = this;
self.waitBt = self.AllAjThead.filter(
item => !self.formThead.some(ele => ele.label === item.label)
);
}
};
</script>
<style>
@import "../assets/styles/font-awesome.min.css";
@import url("../assets/styles/iconfont.css");
.radioGroup .el-radio {
color: #666;
width: 185px;
margin: 4px 0;
}
.el-table th {
background: #f4f6f7;
}
.el-table th,
.el-table th {
border-color: #e6e6e6;
}
</style>
<style scoped lang="scss">
@import "../assets/styles/form.scss";
@import "../assets/styles/table.scss";
</style>
src/components/tree_components.vue 0 → 100644
<template>
<el-popover
ref="popover"
placement="bottom-start"
trigger="click"
@show="onShowPopover"
@hide="onHidePopover"
>
<el-tree
ref="tree"
class="select-tree"
:style="{ 'min-width': treeWidth }"
highlight-current
:data="data"
:props="props"
:expand-on-click-node="false"
:filter-node-method="filterNode"
:default-expand-all="false"
@node-click="onClickNode"
/>
<el-input
slot="reference"
ref="input"
v-model="labelModel"
clearable
@clear="clearSeleted"
:class="{ rotate: showStatus }"
:placeholder="placeholder"
>
<i slot="suffix" class="iconfont iconzidianmaxuanze"></i>
</el-input>
</el-popover>
</template>
<script>
export default {
name: "ElSelectTree",
// 设置绑定参数
model: {
prop: "value",
event: "selected"
},
props: {
sendId: String,
// 接收绑定参数
value: String,
// 输入框宽度
width: String,
// 选项数据
options: {
type: Array,
required: true
},
// 输入框占位符
placeholder: {
type: String,
required: false,
default: "请选择"
},
// 树节点配置选项
props: {
type: Object,
required: false,
default: () => ({
parent: "parentId",
value: "id",
label: "label",
children: "children"
})
}
},
data() {
return {
// 树状菜单显示状态
showStatus: false,
// 菜单宽度
treeWidth: "auto",
// 输入框显示值
labelModel: "",
// 实际请求传值
valueModel: ""
};
},
computed: {
// 是否为树状结构数据
dataType() {
const jsonStr = JSON.stringify(this.options);
/*if (process.client) {*/
return jsonStr.indexOf(this.props.children) !== -1;
/* }*/
},
// 若非树状结构，则转化为树状结构数据
data() {
return this.dataType ? this.options : this.switchTree();
}
},
watch: {
labelModel(val) {
if (!val) {
this.valueModel = "";
}
/* if (process.client) {*/
this.$refs.tree.filter(val);
/* }*/
},
value(val) {
if (this.sendId && val == "") {
this.$emit("emitQkValue", this.sendId, val);
}
this.labelModel = this.queryTree(this.data, val);
}
},
created() {
// 检测输入框原有值并显示对应 label
if (this.value) {
this.labelModel = this.queryTree(this.data, this.value);
}
// 获取输入框宽度同步至树状菜单宽度
this.$nextTick(() => {
/* if (process.client) {*/
this.treeWidth = `${(this.width ||
this.$refs.input.$refs.input.clientWidth) - 24}px`;
/* }*/
});
},
methods: {
clearSeleted() {
this.$emit("getSeleted", this.labelModel);
},
// 单击节点
onClickNode(node) {
this.labelModel = node[this.props.label];
this.valueModel = node[this.props.value];
if (this.sendId) {
this.$emit("emitValue", this.sendId, node.id, node.parentId);
}
this.onCloseTree();
this.$emit("getSeleted", this.labelModel);
},
// 偏平数组转化为树状层级结构
switchTree() {
return this.cleanChildren(this.buildTree(this.options, "0"));
},
// 隐藏树状菜单
onCloseTree() {
/*if (process.client) {
this.$refs.popover.showPopper = false;
}*/
this.$refs.popover.showPopper = false;
},
// 显示时触发
onShowPopover() {
this.showStatus = true;
/* if (process.client) {
this.$refs.tree.filter(false);
}*/
this.$refs.tree.filter(false);
},
// 隐藏时触发
onHidePopover() {
this.showStatus = false;
this.$emit("selected", this.valueModel);
},
// 树节点过滤方法
filterNode(query, data) {
if (!query) return true;
/*if (process.client) {*/
return data[this.props.label].indexOf(query) !== -1;
/* }*/
},
// 搜索树状数据中的 ID
queryTree(tree, id) {
let stark = [];
stark = stark.concat(tree);
/* if (process.client) {*/
while (stark.length) {
const temp = stark.shift();
if (temp[this.props.children]) {
stark = stark.concat(temp[this.props.children]);
}
if (temp[this.props.value] === id) {
return temp[this.props.label];
}
}
/* }*/
return "";
},
// 将一维的扁平数组转换为多层级对象
buildTree(data, id = "0") {
const fa = parentId => {
const temp = [];
/*if (process.client) {*/
for (let i = 0; i < data.length; i++) {
const n = data[i];
if (n[this.props.parent] === parentId) {
n.children = fa(n.rowGuid);
temp.push(n);
}
}
/* }*/
return temp;
};
return fa(id);
},
// 清除空 children项
cleanChildren(data) {
const fa = list => {
list.map(e => {
/*if (process.client) {*/
if (e.children.length) {
fa(e.children);
} else {
delete e.children;
}
/* }*/
return e;
});
return list;
};
return fa(data);
}
}
};
</script>
<style>
.el-input.el-input--suffix {
cursor: pointer;
overflow: hidden;
}
.el-input.el-input--suffix.rotate .el-input__suffix {
transform: rotate(180deg);
}
.select-tree {
max-height: 350px;
overflow-y: scroll;
}
/* 菜单滚动条 */
.select-tree::-webkit-scrollbar {
z-index: 11;
width: 6px;
}
.select-tree::-webkit-scrollbar-track,
.select-tree::-webkit-scrollbar-corner {
background: #fff;
}
.select-tree::-webkit-scrollbar-thumb {
border-radius: 5px;
width: 6px;
background: #b4bccc;
}
.select-tree::-webkit-scrollbar-track-piece {
background: #fff;
width: 6px;
}
</style>
src/main.js
......@@ -6,10 +6,11 @@ import store from "./store";
import "./plugins/element.js";
import Util from "./utils/util";
import VueWechatTitle from "vue-wechat-title";
Vue.prototype.bus = new Vue;
import Nsloading from "./components/Loading.vue";
import Loading from "./components/Loading.vue";
Vue.prototype.$store = store;
Vue.use(Loading);
const LoadingCons = Vue.extend(Nsloading);
// 常用工具函数
Vue.prototype.$util = Util;
......@@ -26,7 +27,6 @@ Vue.directive("nsLoading", {
el.instance = instance;
Vue.nextTick(() => {
el.instance.isShow = binding.value;
console.log(123);
});
console.log(el.instance);
console.log(binding);
......
src/router/index.js
import Vue from "vue";
import VueRouter from "vue-router";
import store from "../store";
/*import store from "../store";
import { getToken } from "../utils/auth";
import { Message } from "element-ui";
import { Message } from "element-ui";*/
import indexRoutes from "./modules/index";
import otherRoutes from "./modules/other";
......@@ -40,7 +40,8 @@ const router = new VueRouter({
routes: mainRouters
});
router.beforeEach((to, from, next) => {
/*router.beforeEach((to, from, next) => {
debugger
const token = getToken();
if (!token) {
if (to.path === '/login') {
......@@ -57,6 +58,6 @@ router.beforeEach((to, from, next) => {
return;
}
next();
});
});*/
export default router;
src/router/modules/index.js
......@@ -7,7 +7,7 @@ export default[
path: "/home",
name: "Home",
meta: {
title: "test",
title: "Home",
auth: 5
},
component: () => import("@/views/Home.vue")
......@@ -20,5 +20,14 @@ export default[
auth: "5"
},
component: () => import("@/components/demoPrototype/queryPages/callQuery.vue")
},
{
path: "/jccxIndex",
name: "jccxIndex",
meta: {
title: '基础查询界面',
auth: "5"
},
component: () => import("@/views/jccx/index.vue")
}
]
src/store/modules/user.js
......@@ -33,7 +33,6 @@ const actions = {
return login({ username, password, captcha_id, captcha_code })
.then(res => {
const { code, data } = res;
if (code == 0) {
commit("SET_TOKEN", data.token);
commit("SET_Auth", "3");
......
src/utils/CESHI.js 0 → 100644
[
{
title: "案件信息",
id: "1",
data: [
{ name: "案事件编号", id: "asjbh" },
{ name: "接警编号", id: "jjbh" },
{ name: "现场勘验编号", id: "xckybh" },
{ name: "侦查阶段", id: "zcjddm" }
]
},
{
title: "嫌疑人信息",
id: "2",
data: [
{
name: "抓获日期",
id: "zhrq"
},
{
name: "抓获单位",
id: "zhdwGajgjgdm"
},
{
name: "姓名",
id: "zhfzxyrXm"
},
{
name: "证件号码",
id: "zhfzxyrCyzjZjhm"
},
{
name: "出生日期",
id: "zhfzxyrCsrqRqgzxx"
}
]
},
{
title: "受害人信息",
id: "3",
data: [
{
name: "被害时间",
id: "bhsjKssj"
},
{
name: "姓名",
id: "bhrXm"
}
]
},
{
title: "分类信息",
id: "flxx",
data: [
{ name: "案件类别", id: "ajlbfl" },
{ name: "侦查阶段", id: "zcjdfl" },
{ name: "立案时间", id: "lasjfl" },
{ name: "立案单位", id: "ladwfl" },
{ name: "案发日期", id: "afrqfl" },
{ name: "案发地区划", id: "afdqhfl" },
{ name: "涉案金额", id: "sajefl" },
{ name: "年龄段", id: "nldfl" },
{ name: "性别", id: "xbfl" },
{ name: "国籍", id: "gjfl" }
]
}
];
src/utils/axiosHttp.js 0 → 100644
import service from "axios";
import Message from "element-ui";
import url from "@/api/base";
// axios 配置
service.defaults.timeout = 50000;
service.defaults.headers.post["Content-Type"] = "application/json;charset=utf-8";
service.defaults.baseURL = url.BaseURL;
service.defaults.withCredentials = true;
//设置全局锁，防止登陆多次跳转登陆页
window.tiplock = false;
// response 拦截器
service.interceptors.response.use(
response => {
let data = response.data;
if (data.code == 20004) {
if (!window.tiplock) {
window.tiplock = true;
window.open('/login');
}
}
return data;
},
function(error) {
Message.Message({
type: "error",
message: error
});
return error;
}
);
export default service;
src/utils/http.js
......@@ -2,19 +2,19 @@ import axios from "axios";
// import { getToken } from "./auth.js";
import { Message } from "element-ui";
import store from "@/store";
import qs from "qs";
/*import qs from "qs";*/
axios.defaults.timeout = 0;
axios.defaults.timeout = 50000;
axios.defaults.headers = {
"X-Requested-With": "XMLHttpRequest"
};
axios.defaults.responseType = "json";
// axios.defaults.withCredentials = true;
axios.defaults.withCredentials = true;
// request 请求拦截器
axios.interceptors.request.use(
config => {
config.headers['Content-Type'] = 'application/x-www-form-urlencoded';
config.headers["Content-Type"] = "application/json;charset=utf-8";
// config.headers['Content-Type'] = 'multipart/form-data';
// 请求前进行拦截, 验证是否已经登录等
......@@ -64,10 +64,10 @@ export function get(url, params) {
params: params
})
.then(res => {
resolve(res.data);
resolve(res);
})
.catch(err => {
reject(err.data);
reject(err);
});
});
}
......@@ -77,9 +77,53 @@ export function get(url, params) {
* @param data
* @returns {Promise}
*/
export function post(url, params) {
return new Promise((resolve, reject) => {
axios
.post(url, JSON.parse(params))
.then(response => {
resolve(response);
var urlIp = window.location.host.substring(
0,
window.location.host.length - 5
);
var logs = {
ip: urlIp,
request: url,
params: params
};
store.commit("user/SET_Logs", logs);
})
.catch(err => {
reject(err.data);
});
});
}
export function postForm(url, params) {
return new Promise((resolve, reject) => {
axios
.post(url, params)
.then(response => {
resolve(response);
var urlIp = window.location.host.substring(
0,
window.location.host.length - 5
);
var logs = {
ip: urlIp,
request: url,
params: params
};
store.commit("user/SET_Logs", logs);
})
.catch(err => {
reject(err.data);
});
});
}
/*export function post(url, params) {
debugger
return new Promise((resolve, reject) => {
axios.post(url, qs.stringify(params)).then(
response => {
resolve(response);
......@@ -97,6 +141,6 @@ export function post(url, params) {
reject(err.data);
});
});
}
}*/
export default axios;
src/utils/loading.js 0 → 100644
import loading from '@c/Loading.vue'
const Loading={
install:function(Vue){
Vue.components('Loading',loading)
}
}
export default Loading;
src/utils/params.js 0 → 100644
/*
* 基础查询界面数据
*
*
* */
/*基础查询界面--数据*/
let jccxFormData = {
asjbh: "",
jjbh: "",
xckybh: "",
asjlydm: "",
xsjqlbdm: "",
zcjddm: "",
ajlbdm: "",
zatzJyqk: "",
ajmc: "",
asjfssjAsjfskssj: "",
asjfssjRsddm: "",
asjfsddXzqhdm: "",
asjfsddDzmc: "",
asjfsddDylbdm: "",
asjfsddSacsSacslbdm: "",
asjfsddKjbwKjbwlbdm: "",
asjfsddSfjzwnPdbz: "",
sfsqPdbz: "",
sfsbPdbz: "",
sfmaPdbz: "",
sfshPdbz: "",
sfsjdqpclPdbz: "",
sfswPdbz: "",
sfgmPdbz: "",
llfsLlfsdm: "",
zagjSawpdm: "",
asjswryRsMin: "",
asjswryRsMax: "",
asjssryRsMin: "",
asjssryRsMax: "",
ssjzrmbyMin: "",
ssjzrmbyMax: "",
slsj: "",
sldwGajgjgdm: "",
larq: "",
ladwGajgjgdm: "",
zaryRsMin: "",
zaryRsMax: "",
sjcwjzrmbyMin: "",
sjcwjzrmbyMax: "",
zczjZxsj01: "",
zczjdwGajgjgdm: "",
sfcxajPdbz: "",
cxajyydm: "",
cxajdwGajgjgdm: "",
cxajrq: "",
xbrXm: "",
xsjsfzrXm: "",
xxdjdwGajgjgdm: "",
djsj: "",
jjsdJjsddm: "",
qqsdQqsddm: "",
ybsddm: "",
sbsdSbsddm: "",
zpsdZpsddm: "",
wlzasdWlzasddm: "",
grzcsdGrzcsddm: "",
xpsywpSawpdm: "",
xpsdXpsddm: "",
mydwmyMcdwmydm: "",
mcsfMcsfdm: "",
lkjzkjfsLkjzkjfsdm: "",
mcmysdMcmysddm: "",
zazbsdZazbsddm: "",
xcwpfdcdXcwpfdcddm: "",
jrjzkjfsjsdJrjzkjfsjsddm: "",
mcgxrMcgxrdm: "",
jssdJssddm: "",
zbrXm: "",
zuzdwGajgjgdm: "",
jyaq: "",
zadjdm: "",
ajsfxckyPdbz: "",
sfwwfzPdbz: "",
sflsjaPdbz: "",
ajzlb: "",
ajxzlb: "",
xalbdmbcms: "",
bzzt: "",
zhrq: "",
zhddXzqhdm: "",
zhddDzmc: "",
zhdwGajgjgdm: "",
zhfsZhfsdm: "",
zhfzxyrFzxyrdaztdm: "",
zhfzxyrXm: "",
zhfzxyrCym: "",
zhfzxyrCyzjZjhm: "",
zhfzxyrCsrqRqgzxx: "",
zhfzxyrXbdm: "",
zhfzxyrGjdm: "",
zhfzxyrMzdm: "",
zhfzxyrHjdzXzqhdm: "",
zhfzxyrHjdzDzmc: "",
zhfzxyrXzzXzqhdm: "",
zhfzxyrXzzDzmc: "",
zhfzxyrSgMin: "",
zhfzxyrSgMax: "",
zhfzxyrTzMin: "",
zhfzxyrTzMax: "",
zhfzxyrZcMin: "",
zhfzxyrZcMax: "",
zhfzxyrGzdw: "",
zhfzxyrXldm: "",
zhfzxyrWffzjlms: "",
zhfzxyrFzxyrtszcFzxyrtszcdm: "",
zhfzxyrAsjxgrysfAsjxgrysfdm: "",
zhfzxyrZyZylbdm: "",
bhsjKssj: "",
bhddDzmc: "",
bhrSsjzrmbyMin: "",
bhrSsjzrmbyMax: "",
bhrXm: "",
bhrCyzjZjhm: "",
bhrXbdm: "",
bhrCsrqRqgzxx: "",
bhrGjdm: "",
bhrMzdm: "",
bhrHjdzXzqhdm: "",
bhrHjdzDzmc: "",
bhrXzzXzqhdm: "",
bhrXzzDzmc: "",
bhrZyZylbdm: "",
bhrGzdw: "",
bhrLxdh: "",
flxx: [],
page: "1",
rows: "10",
desc: "larq" /*降序*/,
asc: "", /*升序*/
};
let jccxHeaderTitle = "基础查询";
let jccxAjxxDefaultFormField = {
title: "案件信息",
id: "1",
data: [
{
name: "案事件编号",
id: "asjbh",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "接警编号",
id: "jjbh",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "现场勘验编号",
id: "xckybh",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "侦查阶段",
id: "zcjddm",
type: "code",
codeOptions: [],
codeTree: "CODE_ZCJDDM",
value: "",
col: "3"
},
{
name: "案件类别",
id: "ajlbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_AJLB",
value: "",
col: "3"
},
{
name: "小案类别",
id: "zatzJyqk",
type: "code",
codeOptions: [],
codeTree: "CODE_AJXZ",
value: "",
col: "3"
},
{
name: "案件名称",
id: "ajmc",
type: "text",
placeholder: "请输入",
value: "",
col: "3"
},
{
name: "案发时间",
id: "asjfssjAsjfskssj",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "案发地行政区划",
id: "asjfsddXzqhdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
col: "3"
},
{
name: "损失价值",
id: "ssjzrmbyMin",
id2: "ssjzrmbyMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "立案日期",
id: "larq",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "立案单位",
id: "ladwGajgjgdm",
type: "code",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "作案人数",
id: "zaryRsMin",
id2: "zaryRsMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "侦查终结时间",
id: "zczjZxsj01",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "侦查终结单位",
id: "zczjdwGajgjgdm",
placeholder: "请选择",
type: "code",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "主侦单位",
id: "zuzdwGajgjgdm",
type: "code",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "案情关键词",
id: "jyaq",
type: "text",
value: "",
placeholder: "请输入",
col: "1"
},
{
name: "主案类别",
id: "ajzlb",
type: "code",
codeOptions: [],
codeTree: "CODE_AJZLB",
value: "",
col: "3"
},
{
name: "类案类别",
id: "ajxzlb",
type: "code",
codeOptions: [],
codeTree: "CODE_AJXZLB",
value: "",
col: "3"
},
{
name: "次类案类别",
id: "xalbdmbcms",
type: "code",
codeOptions: [],
codeTree: "CODE_XALBDMBCMS",
value: "",
col: "3"
},
{
name: "标注状态",
id: "bzzt",
type: "radio",
value: "",
placeholder: "请选择",
col: "1",
radioData: [
{ name: "全部", value: "" },
{ name: "未标注", value: "0" },
{ name: "已标注", value: "1" },
{ name: "待标注", value: "2" }
]
}
]
};
let jccxAjxxFormField = {
title: "案件信息",
id: "1",
data: [
{
name: "案事件编号",
id: "asjbh",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "接警编号",
id: "jjbh",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "现场勘验编号",
id: "xckybh",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "案事件来源",
placeholder: "请选择",
id: "asjlydm",
type: "code",
codeOptions: [],
codeTree: "CODE_ASJLYFL",
value: "",
col: "3"
},
{
name: "警情类别",
id: "xsjqlbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XSJQFL",
value: "",
col: "3"
},
{
name: "侦查阶段",
id: "zcjddm",
type: "code",
codeOptions: [],
codeTree: "CODE_ZCJDDM",
value: "",
col: "3"
},
{
name: "案件类别",
id: "ajlbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_AJLB",
value: "",
col: "3"
},
{
name: "小案类别",
id: "zatzJyqk",
type: "code",
codeOptions: [],
codeTree: "CODE_AJXZ",
value: "",
col: "3"
},
{
name: "案件名称",
id: "ajmc",
type: "text",
placeholder: "请输入",
value: "",
col: "3"
},
{
name: "案发时间",
id: "asjfssjAsjfskssj",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "案发日时段",
id: "asjfssjRsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_RSD",
value: "",
col: "3"
},
{
name: "案发地行政区划",
id: "asjfsddXzqhdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
col: "3"
},
{
name: "案发地点",
id: "asjfsddDzmc",
type: "text",
placeholder: "请输入",
value: "",
col: "3"
},
{
name: "标注状态",
id: "bzzt",
type: "radio",
value: "",
placeholder: "请选择",
col: "1",
radioData: [
{ name: "全部", value: "" },
{ name: "未标注", value: "0" },
{ name: "已标注", value: "1" },
{ name: "待标注", value: "2" }
]
},
{
name: "地域类别",
id: "asjfsddDylbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_FADY",
value: "",
col: "3"
},
{
name: "涉案场所",
id: "asjfsddSacsSacslbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_SACS",
value: "",
col: "3"
},
{
name: "空间部位",
id: "asjfsddKjbwKjbwlbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_KJBW",
value: "",
col: "3"
},
{
name: "是否建筑物内",
id: "asjfsddSfjzwnPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否涉枪",
id: "sfsqPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否涉爆",
id: "sfsbPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否命案",
id: "sfmaPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否涉黑",
id: "sfshPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否盗抢骗车辆",
id: "sfsjdqpclPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否涉外",
id: "sfswPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否拐卖",
id: "sfgmPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "联络方式",
id: "llfsLlfsdm",
type: "code",
codeOptions: [],
codeTree: "CODE_LLFS",
value: "",
col: "3"
},
{
name: "作案工具",
id: "zagjSawpdm",
type: "code",
codeOptions: [],
codeTree: "CODE_SAWPFL",
value: "",
col: "3"
},
{
name: "死亡人数",
id: "asjswryRsMin",
id2: "asjswryRsMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "受伤人数",
id: "asjssryRsMin",
id2: "asjssryRsMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "损失价值",
id: "ssjzrmbyMin",
id2: "ssjzrmbyMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "受理时间",
id: "slsj",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "受理单位",
id: "sldwGajgjgdm",
type: "code",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "立案日期",
id: "larq",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "立案单位",
id: "ladwGajgjgdm",
type: "code",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "作案人数",
id: "zaryRsMin",
id2: "zaryRsMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "收缴财物价值",
id: "sjcwjzrmbyMin",
id2: "sjcwjzrmbyMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "侦查终结时间",
id: "zczjZxsj01",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "侦查终结单位",
id: "zczjdwGajgjgdm",
placeholder: "请选择",
type: "code",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "是否撤销案件",
id: "sfcxajPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "撤销案件原因",
id: "cxajyydm",
type: "code",
codeOptions: [],
placeholder: "请选择",
codeTree: "CODE_XAYY",
value: "",
col: "3"
},
{
name: "撤销案件单位",
id: "cxajdwGajgjgdm",
type: "code",
codeOptions: [],
placeholder: "请选择",
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "撤销案件日期",
id: "cxajrq",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "协办人",
id: "xbrXm",
type: "text",
placeholder: "请输入",
value: "",
col: "3"
},
{
name: "刑事技术负责人",
id: "xsjsfzrXm",
type: "text",
placeholder: "请输入",
value: "",
col: "3"
},
{
name: "信息登记单位",
id: "xxdjdwGajgjgdm",
type: "code",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "登记时间",
id: "djsj",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "接近手段",
id: "jjsdJjsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_JJSD",
value: "",
col: "3"
},
{
name: "窃取手段",
id: "qqsdQqsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_QQSD",
value: "",
col: "3"
},
{
name: "引爆手段",
id: "ybsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_YBSD",
value: "",
col: "3"
},
{
name: "施暴手段",
id: "sbsdSbsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_SBSD",
value: "",
col: "3"
},
{
name: "诈骗手段",
id: "zpsdZpsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_ZPSD",
value: "",
col: "3"
},
{
name: "网络作案手段",
id: "wlzasdWlzasddm",
type: "code",
codeOptions: [],
codeTree: "CODE_WLZASD",
value: "",
col: "3"
},
{
name: "干扰侦查手段",
id: "grzcsdGrzcsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_GRZCSD",
value: "",
col: "3"
},
{
name: "胁迫使用物品",
id: "xpsywpSawpdm",
type: "code",
codeOptions: [],
codeTree: "CODE_SAWPFL",
value: "",
col: "3"
},
{
name: "胁迫手段",
id: "xpsdXpsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_XPSD",
value: "",
col: "3"
},
{
name: "冒用单位名义",
id: "mydwmyMcdwmydm",
type: "code",
codeOptions: [],
codeTree: "CODE_ASJXGDWLB",
value: "",
col: "3"
},
{
name: "冒充身份",
id: "mcsfMcsfdm",
type: "code",
codeOptions: [],
codeTree: "CODE_MCSF",
value: "",
col: "3"
},
{
name: "离开方式",
id: "lkjzkjfsLkjzkjfsdm",
type: "code",
codeOptions: [],
codeTree: "CODE_LKJCKJFS",
value: "",
col: "3"
},
{
name: "冒充冒用手段",
id: "mcmysdMcmysddm",
type: "code",
codeOptions: [],
codeTree: "CODE_MCMYSD",
value: "",
col: "3"
},
{
name: "作案准备手段",
id: "zazbsdZazbsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_ZAZBSD",
value: "",
col: "3"
},
{
name: "现场物品翻动程度",
id: "xcwpfdcdXcwpfdcddm",
type: "code",
codeOptions: [],
codeTree: "CODE_WPFDCD",
value: "",
col: "3"
},
{
name: "进入方式",
id: "jrjzkjfsjsdJrjzkjfsjsddm",
type: "code",
codeOptions: [],
codeTree: "CODE_JRJZKJFSJSD",
value: "",
col: "3"
},
{
name: "冒充关系人",
id: "mcgxrMcgxrdm",
type: "code",
codeOptions: [],
codeTree: "CODE_SHGX",
value: "",
col: "3"
},
{
name: "解锁手段",
id: "jssdJssddm",
type: "code",
codeOptions: [],
codeTree: "CODE_JSSD",
value: "",
col: "3"
},
{
name: "主办人",
id: "zbrXm",
type: "text",
value: "",
col: "3",
placeholder: "请输入"
},
{
name: "主侦单位",
id: "zuzdwGajgjgdm",
type: "code",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "案情关键词",
id: "jyaq",
type: "text",
value: "",
placeholder: "请输入",
col: "1"
},
{
name: "作案动机",
id: "zadjdm",
type: "code",
codeOptions: [],
codeTree: "CODE_ZADJ",
value: "",
col: "3"
},
{
name: "是否现场勘验",
id: "ajsfxckyPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否文物犯罪",
id: "sfwwfzPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "是否历史积案",
id: "sflsjaPdbz",
type: "radio",
value: "1",
placeholder: "请选择",
col: "3",
radioData: [
{ name: "是", value: "1" },
{ name: "否", value: "0" }
]
},
{
name: "主案类别",
id: "ajzlb",
type: "code",
codeOptions: [],
codeTree: "CODE_AJZLB",
value: "",
col: "3"
},
{
name: "类案类别",
id: "ajxzlb",
type: "code",
codeOptions: [],
codeTree: "CODE_AJXZLB",
value: "",
col: "3"
},
{
name: "次类案类别",
id: "xalbdmbcms",
type: "code",
codeOptions: [],
codeTree: "CODE_XALBDMBCMS",
value: "",
col: "3"
}
]
};
let jccxXyrxxDefaultFormField = {
title: "嫌疑人信息",
id: "2",
data: [
{
name: "抓获日期",
id: "zhrq",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "抓获单位",
id: "zhdwGajgjgdm",
type: "code",
codeOptions: [],
placeholder: "请选择",
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "姓名",
id: "zhfzxyrXm",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "证件号码",
id: "zhfzxyrCyzjZjhm",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "出生日期",
id: "zhfzxyrCsrqRqgzxx",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "性别",
id: "zhfzxyrXbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XB",
value: "",
col: "3"
},
{
name: "国籍",
id: "zhfzxyrGjdm",
type: "code",
codeOptions: [],
codeTree: "CODE_GJ",
value: "",
col: "3"
},
{
name: "民族",
id: "zhfzxyrMzdm",
type: "code",
codeOptions: [],
codeTree: "CODE_MZ",
value: "",
col: "3"
},
{
name: "户籍地行政区划",
id: "zhfzxyrHjdzXzqhdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
col: "3"
}
]
};
let jccxXyrxxFormField = {
title: "嫌疑人信息",
id: "2",
data: [
{
name: "抓获日期",
id: "zhrq",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "抓获地区划",
id: "zhddXzqhdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
col: "3"
},
{
name: "抓获地名称",
id: "zhddDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "3",
isdisabled: true
},
{
name: "抓获单位",
id: "zhdwGajgjgdm",
type: "code",
codeOptions: [],
placeholder: "请选择",
codeTree: "CODE_UNIT",
value: "",
col: "3"
},
{
name: "抓获方式",
id: "zhfsZhfsdm",
type: "code",
codeOptions: [],
codeTree: "CODE_ZHFS",
value: "",
col: "3"
},
{
name: "到案状态",
id: "zhfzxyrFzxyrdaztdm",
type: "code",
codeOptions: [],
codeTree: "CODE_DAZT",
value: "",
col: "3"
},
{
name: "姓名",
id: "zhfzxyrXm",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "曾用名",
id: "zhfzxyrCym",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "证件号码",
id: "zhfzxyrCyzjZjhm",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "出生日期",
id: "zhfzxyrCsrqRqgzxx",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "性别",
id: "zhfzxyrXbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XB",
value: "",
col: "3"
},
{
name: "国籍",
id: "zhfzxyrGjdm",
type: "code",
codeOptions: [],
codeTree: "CODE_GJ",
value: "",
col: "3"
},
{
name: "民族",
id: "zhfzxyrMzdm",
type: "code",
codeOptions: [],
codeTree: "CODE_MZ",
value: "",
col: "3"
},
{
name: "户籍地行政区划",
id: "zhfzxyrHjdzXzqhdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
col: "3"
},
{
name: "户籍地名称",
id: "zhfzxyrHjdzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "现住址行政区划",
id: "zhfzxyrXzzXzqhdm",
type: "code",
codeOptions: [],
placeholder: "请选择",
codeTree: "CODE_XZQH",
value: "",
col: "3"
},
{
name: "现住址名称",
id: "zhfzxyrXzzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "身高",
id: "zhfzxyrSgMin",
id2: "zhfzxyrSgMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "体重",
id: "zhfzxyrTzMin",
id2: "zhfzxyrTzMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "足长",
id: "zhfzxyrZcMin",
id2: "zhfzxyrZcMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "工作单位",
id: "zhfzxyrGzdw",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "学历",
id: "zhfzxyrXldm",
type: "code",
codeOptions: [],
placeholder: "请选择",
codeTree: "CODE_WHCD",
value: "",
col: "3"
},
{
name: "违法犯罪经历",
id: "zhfzxyrWffzjlms",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "特殊专长",
id: "zhfzxyrFzxyrtszcFzxyrtszcdm",
type: "code",
codeOptions: [],
placeholder: "请选择",
codeTree: "CODE_FZXYRTSZC",
value: "",
col: "3"
},
{
name: "人员身份",
id: "zhfzxyrAsjxgrysfAsjxgrysfdm",
type: "code",
codeOptions: [],
codeTree: "CODE_SF",
value: "",
col: "3"
},
{
name: "职业类别",
id: "zhfzxyrZyZylbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_HYLB",
value: "",
col: "3"
}
]
};
let jccxShrxxDefaultFormField = {
title: "受害人信息",
id: "3",
data: [
{
name: "被害时间",
id: "bhsjKssj",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "姓名",
id: "bhrXm",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "证件号码",
id: "bhrCyzjZjhm",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "性别",
type: "code",
codeTree: "CODE_XB",
codeOptions: [],
id: "bhrXbdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "出生日期",
id: "bhrCsrqRqgzxx",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "国籍",
type: "code",
codeTree: "CODE_GJ",
codeOptions: [],
id: "bhrGjdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "民族",
type: "code",
codeTree: "CODE_MZ",
codeOptions: [],
id: "bhrMzdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "户籍地址",
type: "code",
codeTree: "CODE_XZQH",
codeOptions: [],
id: "bhrHjdzXzqhdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "现住址行政区划",
type: "code",
codeTree: "CODE_XZQH",
codeOptions: [],
id: "bhrXzzXzqhdm",
value: "",
placeholder: "请选择",
col: "3"
}
]
};
let jccxShrxxFormField = {
title: "受害人信息",
id: "3",
data: [
{
name: "被害时间",
id: "bhsjKssj",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "被害地址",
id: "bhddDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "损失价值",
id: "ssjzrmbyMin",
id2: "ssjzrmbyMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3"
},
{
name: "姓名",
id: "bhrXm",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "证件号码",
id: "bhrCyzjZjhm",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "性别",
type: "code",
codeTree: "CODE_XB",
codeOptions: [],
id: "bhrXbdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "出生日期",
id: "bhrCsrqRqgzxx",
type: "daterange",
value: "",
placeholder: "请选择",
col: "3",
pickerOptions: {
shortcuts: [
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth();
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 2;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近六个月",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 5;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
},
{
text: "最近一年",
onClick(picker) {
const end = new Date();
const start = new Date();
let year = start.getFullYear();
let month = start.getMonth() - 11;
if (month === 0) {
month = 12;
year = year - 1;
}
if (month < 0) {
month = 12 + month;
year = year - 1;
}
if (month < 10) {
month = "0" + month;
}
let firstDayOfPreMonth =
year + "-" + month + "-" + start.getDate();
firstDayOfPreMonth = new Date(firstDayOfPreMonth);
picker.$emit("pick", [firstDayOfPreMonth, end]);
}
}
]
}
},
{
name: "国籍",
type: "code",
codeTree: "CODE_GJ",
codeOptions: [],
id: "bhrGjdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "民族",
type: "code",
codeTree: "CODE_MZ",
codeOptions: [],
id: "bhrMzdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "户籍地址",
type: "code",
codeTree: "CODE_XZQH",
codeOptions: [],
id: "bhrHjdzXzqhdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "户籍地址名称",
id: "bhrHjdzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "现住址行政区划",
type: "code",
codeTree: "CODE_XZQH",
codeOptions: [],
id: "bhrXzzXzqhdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "现住址地址名称",
id: "bhrXzzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "职业类别",
type: "code",
codeTree: "CODE_HYLB",
codeOptions: [],
id: "bhrZyZylbdm",
value: "",
placeholder: "请选择",
col: "3"
},
{
name: "工作单位",
id: "bhrGzdw",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
},
{
name: "联系电话",
id: "bhrLxdh",
type: "text",
value: "",
placeholder: "请输入",
col: "3"
}
]
};
let jccxFlxxDefaultFormField = {
title: "分类信息",
id: "flxx",
data: [
{
name: "案件类别",
id: "ajlbfl"
},
{
name: "侦查阶段",
id: "zcjdfl"
},
{
name: "立案时间",
id: "lasjfl"
},
{
name: "立案单位",
id: "ladwfl"
},
{
name: "案发日期",
id: "afrqfl"
},
{
name: "案发地区划",
id: "afdqhfl"
},
{
name: "涉案金额",
id: "sajefl"
},
{
name: "年龄段",
id: "nldfl"
},
{
name: "性别",
id: "xbfl"
},
{
name: "国籍",
id: "gjfl"
},
{
name: "户籍地",
id: "hjdfl"
},
{
name: "民族",
id: "mzfl"
},
{
name: "作案次数",
id: "zacsfl"
},
{
name: "作案人数",
id: "zarsfl"
}
]
};
let jccxFlxxFormField = {
title: "分类信息",
id: "flxx",
data: [
{
name: "案件类别",
id: "ajlbfl"
},
{
name: "侦查阶段",
id: "zcjdfl"
},
{
name: "立案时间",
id: "lasjfl"
},
{
name: "立案单位",
id: "ladwfl"
},
{
name: "案发日期",
id: "afrqfl"
},
{
name: "案发地区划",
id: "afdqhfl"
},
{
name: "涉案金额",
id: "sajefl"
},
{
name: "年龄段",
id: "nldfl"
},
{
name: "性别",
id: "xbfl"
},
{
name: "国籍",
id: "gjfl"
},
{
name: "户籍地",
id: "hjdfl"
},
{
name: "民族",
id: "mzfl"
},
{
name: "作案次数",
id: "zacsfl"
},
{
name: "作案人数",
id: "zarsfl"
}
]
};
/*案件表头*/
let cxAjDefaultFormThead = [
/*table默认得表头*/
{
label: "案事件编号",
prop: "asjbh"
},
{ label: "侦查阶段", prop: "zcjddmMc" },
{
label: "案件类别",
prop: "ajlbdmMc"
},
{
label: "案件名称",
prop: "ajmc"
},
{
label: "案发时间",
prop: "asjfssjAsjfskssj"
},
{
label: "案发地点",
prop: "asjfsddDzmc"
},
{
label: "立案日期",
prop: "larq"
},
{
label: "立案单位",
prop: "ladwGajgjgdmMc"
},
{
label: "简要案情",
prop: "jyaq"
}
];
let AllAjformThead = [
/*所有的字段*/
{
label: "案事件编号",
prop: "asjbh"
},
{
label: "接警编号",
prop: "jjbh"
},
{
label: "现场勘验编号",
prop: "xckybh"
},
{
label: "案事件来源",
prop: "asjlydmMc"
},
{
label: "警情类别",
prop: "xsjqlbdmMc"
},
{
label: "侦查阶段",
prop: "zcjddmMc"
},
{
label: "案件类别",
prop: "ajlbdmMc"
},
{
label: "小案类别",
prop: "zatzJyqkMc"
},
{
label: "案件名称",
prop: "ajmc"
},
{
label: "案发时间",
prop: "asjfssjAsjfskssj"
},
{
label: "案发日时段",
prop: "asjfssjRsddmMc"
},
{
label: "案发地行政区划",
prop: "asjfsddXzqhdm"
},
{
label: "案发地点",
prop: "asjfsddDzmc"
},
{
label: "地域类别",
prop: "asjfsddDylbdm"
},
{
label: "涉案场所",
prop: "asjfsddSacsSacslbdm"
},
{
label: "空间部位",
prop: "asjfsddKjbwKjbwlbdm"
},
{
label: "是否建筑物内",
prop: "asjfsddSfjzwnPdbz"
},
{
label: "是否涉枪",
prop: "sfsqPdbz"
},
{
label: "是否涉爆",
prop: "sfsbPdbz"
},
{
label: "是否命案",
prop: "sfmaPdbz"
},
{
label: "是否涉黑",
prop: "sfshPdbz"
},
{
label: "是否盗抢骗车辆",
prop: "sfsjdqpclPdbz"
},
{
label: "是否涉外",
prop: "sfswPdbz"
},
{
label: "是否拐卖",
prop: "sfgmPdbz"
},
{
label: "联络方式",
prop: "llfsLlfsdmMc"
},
{
label: "作案工具",
prop: "zagjSawpdmMc"
},
{
label: "死亡人数",
prop: "asjswryRs"
},
{
label: "受伤人数",
prop: "asjssryRs"
},
{
label: "损失价值",
prop: "ssjzrmby"
},
{
label: "受理时间",
prop: "slsj"
},
{
label: "受理单位",
prop: "sldwGajgjgdmMc"
},
{
label: "立案日期",
prop: "larq"
},
{
label: "立案单位",
prop: "ladwGajgjgdmMc"
},
{
label: "作案人数",
prop: "zaryRs"
},
{
label: "收缴财物价值",
prop: "sjcwjzrmby"
},
{
label: "侦查终结时间",
prop: "zczjZxsj01"
},
{
label: "侦查终结单位",
prop: "zczjdwGajgjgdmMc"
},
{
label: "是否撤销案件",
prop: "sfcxajPdbz"
},
{
label: "撤销案件原因",
prop: "cxajyydmMc"
},
{
label: "撤销案件单位",
prop: "cxajdwGajgjgdmMc"
},
{
label: "撤销案件日期",
prop: "cxajrq"
},
{
label: "协办人",
prop: "xbrXm"
},
{
label: "刑事技术负责人",
prop: "xsjsfzrXm"
},
{
label: "信息登记单位",
prop: "xxdjdwGajgjgdmMc"
},
{
label: "登记时间",
prop: "djsj"
},
{
label: "接近手段",
prop: "jjsdJjsddmMc"
},
{
label: "窃取手段",
prop: "qqsdQqsddmMc"
},
{
label: "引爆手段",
prop: "ybsddmMc"
},
{
label: "施暴手段",
prop: "sbsdSbsddmMc"
},
{
label: "诈骗手段",
prop: "zpsdZpsddmMc"
},
{
label: "网络作案手段",
prop: "wlzasdWlzasddmMc"
},
{
label: "干扰侦查手段",
prop: "grzcsdGrzcsddmMc"
},
{
label: "胁迫使用物品",
prop: "xpsywpSawpdmMc"
},
{
label: "胁迫手段",
prop: "xpsdXpsddmMc"
},
{
label: "冒用单位名义",
prop: "mydwmyMcdwmydmMc"
},
{
label: "冒充身份",
prop: "mcsfMcsfdmMc"
},
{
label: "离开方式",
prop: "lkjzkjfsLkjzkjfsdmMc"
},
{
label: "冒充冒用手段",
prop: "mcmysdMcmysddmMc"
},
{
label: "作案准备手段",
prop: "zazbsdZazbsddmMc"
},
{
label: "现场物品翻动程度",
prop: "xcwpfdcdXcwpfdcddmMc"
},
{
label: "进入方式",
prop: "jrjzkjfsjsdJrjzkjfsjsddmMc"
},
{
label: "冒充关系人",
prop: "mcgxrMcgxrdmMc"
},
{
label: "解锁手段",
prop: "jssdJssddmMc"
},
{
label: "主办人",
prop: "zbrXm"
},
{
label: "主侦单位",
prop: "zuzdwGajgjgdm"
},
{
label: "简要案情",
prop: "jyaq"
},
{
label: "作案动机",
prop: "zadjdm"
},
{
label: "是否现场勘验",
prop: "ajsfxckyPdbz"
},
{
label: "是否文物犯罪",
prop: "sfwwfzPdbz"
},
{
label: "是否历史积案",
prop: "sflsjaPdbz"
},
{
label: "主案类别",
prop: "ajzlbMc"
},
{
label: "类案类别",
prop: "ajxzlbMc"
},
{
label: "次类案类别",
prop: "xalbdmbcmsMc"
}
];
/*嫌疑人表头*/
let cxXyrDefaultFormThead=[
{
label: "姓名",
prop: "zhfzxyrXm"
},{
label: "证件号码",
prop: "zhfzxyrCyzjZjhm"
},{
label: "出生日期",
prop: "zhfzxyrCsrqRqgzxx"
},{
label: "性别",
prop: "zhfzxyrXbdmMc"
},{
label: "户籍地",
prop: "zhfzxyrHjdzXzqhdm"
},{
label: "案件编号",
prop: "asjbh"
},{
label: "简要案情",
prop: "jyaq"
},
];
let AllXyrformThead=[
{
label: "抓获日期",
prop: "zhrq"
},{
label: "抓获地区划",
prop: "zhddXzqhdm"
},{
label: "抓获地名称",
prop: "zhddDzmc"
},{
label: "抓获单位",
prop: "zhdwGajgjgdmMc"
},{
label: "抓获方式",
prop: "zhfsZhfsdmMc"
},{
label: "到案状态",
prop: "zhfzxyrFzxyrdaztdmMc"
},{
label: "姓名",
prop: "zhfzxyrXm"
},{
label: "曾用名",
prop: "zhfzxyrCym"
},{
label: "证件号码",
prop: "zhfzxyrCyzjZjhm"
},{
label: "出生日期",
prop: "zhfzxyrCsrqRqgzxx"
},{
label: "性别",
prop: "zhfzxyrXbdmMc"
},{
label: "国籍",
prop: "zhfzxyrGjdmMc"
},{
label: "民族",
prop: "zhfzxyrMzdmMc"
},{
label: "户籍地",
prop: "zhfzxyrHjdzXzqhdm"
},{
label: "户籍地名称",
prop: "zhfzxyrHjdzDzmc"
},{
label: "现住址行政区划",
prop: "zhfzxyrXzzXzqhdm"
},
{
label: "现住址名称",
prop: "zhfzxyrXzzDzmc"
},
{
label: "身高",
prop: "zhfzxyrSg"
},
{
label: "体重",
prop: "zhfzxyrTz"
},{
label: "足长",
prop: "zhfzxyrZc"
},{
label: "工作单位",
prop: "zhfzxyrGzdw"
},{
label: "学历",
prop: "zhfzxyrXldmMc"
},{
label: "违法犯罪经历",
prop: "zhfzxyrWffzjlms"
},{
label: "特殊专长",
prop: "zhfzxyrFzxyrtszcFzxyrtszcdmMc"
},{
label: "人员身份",
prop: "zhfzxyrAsjxgrysfAsjxgrysfdmMc"
},{
label: "职业类别",
prop: "zhfzxyrZyZylbdmMc"
},{
label: "案件编号",
prop: "asjbh"
},{
label: "简要案情",
prop: "jyaq"
},
];
/*受害人表头*/
let cxShrDefaultFormThead=[
{
label: "姓名",
prop: "bhrXm"
},{
label: "证件号码",
prop: "bhrCyzjZjhm"
},{
label: "性别",
prop: "bhrXbdmMc"
},{
label: "出生日期",
prop: "bhrCsrqRqgzxx"
},{
label: "户籍地址",
prop: "bhrHjdzXzqhdm"
},{
label: "案件编号",
prop: "asjbh"
},{
label: "简要案情",
prop: "jyaq"
}
];
let AllShrformThead=[
{
label: "被害时间",
prop: "bhsjKssj"
},{
label: "被害地址",
prop: "bhddDzmc"
},{
label: "损失价值",
prop: "ssjzrmby"
},{
label: "姓名",
prop: "bhrXm"
},{
label: "证件号码",
prop: "bhrCyzjZjhm"
},{
label: "性别",
prop: "bhrXbdmMc"
},{
label: "出生日期",
prop: "bhrCsrqRqgzxx"
},{
label: "国籍",
prop: "bhrGjdmMc"
},{
label: "民族",
prop: "bhrMzdmMc"
},{
label: "户籍地址",
prop: "bhrHjdzXzqhdm"
},{
label: "户籍地址名称",
prop: "bhrHjdzDzmc"
},{
label: "现住址行政区划",
prop: "bhrXzzXzqhdm"
},{
label: "现住址地址名称",
prop: "bhrXzzDzmc"
},{
label: "职业类别",
prop: "bhrZyZylbdmMc"
},{
label: "工作单位",
prop: "bhrGzdw"
},{
label: "联系电话",
prop: "bhrLxdh"
},{
label: "案件编号",
prop: "asjbh"
},{
label: "简要案情",
prop: "jyaq"
},
];
/*用采合一*/
let cxYchyData=[
{name:'案件档案',path:'',id:'ajda',class:'iconfont iconhecha-xiangxixuanzhong'},
{name:'案件侦办',path:'/ajzb',id:'ajzb',class:'iconfont iconcengjixuanzhong'},
{name:'补充采集',path:'',id:'bccj',class:'iconfont iconxinzengbuchong'},
];
export {
jccxFormData,
jccxHeaderTitle,
jccxAjxxFormField,
jccxXyrxxFormField,
jccxShrxxFormField,
jccxFlxxFormField,
cxAjDefaultFormThead,
AllAjformThead,
cxXyrDefaultFormThead,
AllXyrformThead,
jccxAjxxDefaultFormField,
jccxXyrxxDefaultFormField,
jccxShrxxDefaultFormField,
jccxFlxxDefaultFormField,
cxShrDefaultFormThead,
AllShrformThead,
cxYchyData
};
src/utils/rules.js
/*
验证规则
*/
var checkSfzhm = (rule, value, callback) => {//身份证号码
let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if (value) {
if (!reg.test(value)) {
return callback(new Error("请输入正确的身份证号"));
} else {
callback();
}
}
};
var checkSjhm = (rule, value, callback) => {//手机号码
let reg = /^1[345789]\d{9}$/;
if (value) {
if (!reg.test(value)) {
return callback(new Error("请输入正确的手机号码"));
} else {
callback();
}
}
};
var checkNumber = (rule, value, callback) => {//数字
let reg = /^[0-9]*$/;
if (value) {
if (!reg.test(value)) {
return callback(new Error("由数字组成"));
} else {
callback();
}
}
};
var checkJyaq = (rule, value, callback) => {//简要案情
if(value){
if ((value.indexOf("and")!= -1|| value.indexOf("AND")!= -1) &&(value.indexOf("or")!= -1 || value.indexOf("OR")!= -1) ) {
return callback(new Error("只可以使用 and 和 or 中的其中一个"));
}else {
callback();
}
}else{
callback();
}
};
// 、验证是否身份证号
function isSFZH(value) {
var isCardNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
return isCardNo.test(value);
}
//验证是否手机号
function isSJH(value) {
var isPhone = /^1[345789]\d{9}$/;
return isPhone.test(value);
}
//验证是否数字
function isNumber(value) {
var isNum = /^[0-9]*$/;
return isNum.test(value);
}
// 验证是否案件编号
function isAj(value) {
var isAj = /^A[0-9]{22}$/;
return isAj.test(value);
}
// 验证是否车牌号
function isYczc(value) {
var isYczc = /^[A-Za-z0-9]{6}$/;
return isYczc.test(value);
}
// 验证是否密码6位数字字母组合
function isPassword(value) {
var isYczc = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6}$/;
return isYczc.test(value);
}
//验证是否小写字母
function validateLowerCase(val) {
const reg = /^[a-z]+$/;
return reg.test(val);
}
//验证是否大写字母
function validateUpperCase(val) {
const reg = /^[A-Z]+$/;
return reg.test(val);
}
//验证是否大小写字母
function validatAlphabets(val) {
const reg = /^[A-Za-z]+$/;
return reg.test(val);
}
//导出
export {
//很关键
isSFZH,
isSJH,
isNumber,
isYczc,
isAj,
isPassword,
validateLowerCase,
validateUpperCase,
validatAlphabets
};
checkSfzhm,
checkSjhm,
checkNumber,
checkJyaq
}
src/vendor/Blob.js 0 → 100644
/* eslint-disable */
/* Blob.js
* A Blob implementation.
* 2014-05-27
*
* By Eli Grey, http://eligrey.com
* By Devin Samarin, https://github.com/eboyjr
* License: X11/MIT
* See LICENSE.md
*/
/*global self, unescape */
/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
plusplus: true */
/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */
(function (view) {
"use strict";
view.URL = view.URL || view.webkitURL;
if (view.Blob && view.URL) {
try {
new Blob;
return;
} catch (e) {}
}
// Internally we use a BlobBuilder implementation to base Blob off of
// in order to support older browsers that only have BlobBuilder
var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function(view) {
var
get_class = function(object) {
return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
}
, FakeBlobBuilder = function BlobBuilder() {
this.data = [];
}
, FakeBlob = function Blob(data, type, encoding) {
this.data = data;
this.size = data.length;
this.type = type;
this.encoding = encoding;
}
, FBB_proto = FakeBlobBuilder.prototype
, FB_proto = FakeBlob.prototype
, FileReaderSync = view.FileReaderSync
, FileException = function(type) {
this.code = this[this.name = type];
}
, file_ex_codes = (
"NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
+ "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
).split(" ")
, file_ex_code = file_ex_codes.length
, real_URL = view.URL || view.webkitURL || view
, real_create_object_URL = real_URL.createObjectURL
, real_revoke_object_URL = real_URL.revokeObjectURL
, URL = real_URL
, btoa = view.btoa
, atob = view.atob
, ArrayBuffer = view.ArrayBuffer
, Uint8Array = view.Uint8Array
;
FakeBlob.fake = FB_proto.fake = true;
while (file_ex_code--) {
FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
}
if (!real_URL.createObjectURL) {
URL = view.URL = {};
}
URL.createObjectURL = function(blob) {
var
type = blob.type
, data_URI_header
;
if (type === null) {
type = "application/octet-stream";
}
if (blob instanceof FakeBlob) {
data_URI_header = "data:" + type;
if (blob.encoding === "base64") {
return data_URI_header + ";base64," + blob.data;
} else if (blob.encoding === "URI") {
return data_URI_header + "," + decodeURIComponent(blob.data);
} if (btoa) {
return data_URI_header + ";base64," + btoa(blob.data);
} else {
return data_URI_header + "," + encodeURIComponent(blob.data);
}
} else if (real_create_object_URL) {
return real_create_object_URL.call(real_URL, blob);
}
};
URL.revokeObjectURL = function(object_URL) {
if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
real_revoke_object_URL.call(real_URL, object_URL);
}
};
FBB_proto.append = function(data/*, endings*/) {
var bb = this.data;
// decode data to a binary string
if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
var
str = ""
, buf = new Uint8Array(data)
, i = 0
, buf_len = buf.length
;
for (; i < buf_len; i++) {
str += String.fromCharCode(buf[i]);
}
bb.push(str);
} else if (get_class(data) === "Blob" || get_class(data) === "File") {
if (FileReaderSync) {
var fr = new FileReaderSync;
bb.push(fr.readAsBinaryString(data));
} else {
// async FileReader won't work as BlobBuilder is sync
throw new FileException("NOT_READABLE_ERR");
}
} else if (data instanceof FakeBlob) {
if (data.encoding === "base64" && atob) {
bb.push(atob(data.data));
} else if (data.encoding === "URI") {
bb.push(decodeURIComponent(data.data));
} else if (data.encoding === "raw") {
bb.push(data.data);
}
} else {
if (typeof data !== "string") {
data += ""; // convert unsupported types to strings
}
// decode UTF-16 to binary string
bb.push(unescape(encodeURIComponent(data)));
}
};
FBB_proto.getBlob = function(type) {
if (!arguments.length) {
type = null;
}
return new FakeBlob(this.data.join(""), type, "raw");
};
FBB_proto.toString = function() {
return "[object BlobBuilder]";
};
FB_proto.slice = function(start, end, type) {
var args = arguments.length;
if (args < 3) {
type = null;
}
return new FakeBlob(
this.data.slice(start, args > 1 ? end : this.data.length)
, type
, this.encoding
);
};
FB_proto.toString = function() {
return "[object Blob]";
};
FB_proto.close = function() {
this.size = this.data.length = 0;
};
return FakeBlobBuilder;
}(view));
view.Blob = function Blob(blobParts, options) {
var type = options ? (options.type || "") : "";
var builder = new BlobBuilder();
if (blobParts) {
for (var i = 0, len = blobParts.length; i < len; i++) {
builder.append(blobParts[i]);
}
}
return builder.getBlob(type);
};
}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this));
src/vendor/Export2Excel.js 0 → 100644
/* eslint-disable */
require('script-loader!file-saver');
require('./Blob');
require('script-loader!xlsx/dist/xlsx.core.min');
function generateArray(table) {
var out = [];
var rows = table.querySelectorAll('tr');
var ranges = [];
for (var R = 0; R < rows.length; ++R) {
var outRow = [];
var row = rows[R];
var columns = row.querySelectorAll('td');
for (var C = 0; C < columns.length; ++C) {
var cell = columns[C];
var colspan = cell.getAttribute('colspan');
var rowspan = cell.getAttribute('rowspan');
var cellValue = cell.innerText;
if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
//Skip ranges
ranges.forEach(function (range) {
if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
}
});
//Handle Row Span
if (rowspan || colspan) {
rowspan = rowspan || 1;
colspan = colspan || 1;
ranges.push({s: {r: R, c: outRow.length}, e: {r: R + rowspan - 1, c: outRow.length + colspan - 1}});
}
;
//Handle Value
outRow.push(cellValue !== "" ? cellValue : null);
//Handle Colspan
if (colspan) for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
}
out.push(outRow);
}
return [out, ranges];
};
function datenum(v, date1904) {
if (date1904) v += 1462;
var epoch = Date.parse(v);
return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
}
function sheet_from_array_of_arrays(data, opts) {
var ws = {};
var range = {s: {c: 10000000, r: 10000000}, e: {c: 0, r: 0}};
for (var R = 0; R != data.length; ++R) {
for (var C = 0; C != data[R].length; ++C) {
if (range.s.r > R) range.s.r = R;
if (range.s.c > C) range.s.c = C;
if (range.e.r < R) range.e.r = R;
if (range.e.c < C) range.e.c = C;
var cell = {v: data[R][C]};
if (cell.v == null) continue;
var cell_ref = XLSX.utils.encode_cell({c: C, r: R});
if (typeof cell.v === 'number') cell.t = 'n';
else if (typeof cell.v === 'boolean') cell.t = 'b';
else if (cell.v instanceof Date) {
cell.t = 'n';
cell.z = XLSX.SSF._table[14];
cell.v = datenum(cell.v);
}
else cell.t = 's';
ws[cell_ref] = cell;
}
}
if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
return ws;
}
function Workbook() {
if (!(this instanceof Workbook)) return new Workbook();
this.SheetNames = [];
this.Sheets = {};
}
function s2ab(s) {
var buf = new ArrayBuffer(s.length);
var view = new Uint8Array(buf);
for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
return buf;
}
export function export_table_to_excel(id) {
var theTable = document.getElementById(id);
console.log('a')
var oo = generateArray(theTable);
var ranges = oo[1];
/* original data */
var data = oo[0];
var ws_name = "SheetJS";
console.log(data);
var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
/* add ranges to worksheet */
// ws['!cols'] = ['apple', 'banan'];
ws['!merges'] = ranges;
/* add worksheet to workbook */
wb.SheetNames.push(ws_name);
wb.Sheets[ws_name] = ws;
var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'});
saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), "test.xlsx")
}
function formatJson(jsonData) {
console.log(jsonData)
}
export function export_json_to_excel(th, jsonData, defaultTitle) {
/* original data */
var data = jsonData;
data.unshift(th);
var ws_name = "SheetJS";
var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
/* add worksheet to workbook */
wb.SheetNames.push(ws_name);
wb.Sheets[ws_name] = ws;
var wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: false, type: 'binary'});
var title = defaultTitle || '列表'
saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), title + ".xlsx")
}
src/views/Home.vue
......@@ -39,7 +39,7 @@ export default {
},
data () {
return {
loading: true,
loading: false,
tokeb: "",
captcha: {
id: "",
......
src/views/jccx/dialog.vue 0 → 100644
<template>
<div class="settingDialog">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="案件信息" name="ajxx">
<div class="dragwrap">
<div class="selected">
<p class="select-header">已选表头</p>
<div class="contentH">
<draggable
class="list-group"
:list="ajxxList.data"
group="ajxx"
@change="draggableList"
element="ul"
data-listidx="0"
ref="selected_ul"
filter=".undraggable"
>
<li
class="list-group-item"
v-for="element in ajxxList.data"
:key="element.id"
:class="
element.id == 'ajzlb' ||
element.id == 'ajxzlb' ||
element.id == 'xalbdmbcms'
? 'undraggable'
: 'draggable'
"
@click="move(element, 'ajxx', true)"
>
<i class="iconfont iconyixuan"></i>
<div :rel="element.id" :name="element.name">
{{ element.name }}
</div>
</li>
</draggable>
</div>
</div>
<div class="waiting">
<p class="select-header">待选表头</p>
<div class="contentH">
<draggable
class="list-group"
:list="waitAjxx"
group="ajxx"
@change="draggableList"
element="ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in waitAjxx"
:key="element.id"
@click="move(element, 'ajxx', false)"
>
<i class="iconfont iconduoxuan"></i>
<div :rel="element.id" :name="element.name">
{{ element.name }}
</div>
</li>
</draggable>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="嫌疑人信息" name="xyrxx">
<div class="dragwrap">
<div class="selected">
<p class="select-header">已选表头</p>
<div class="contentH">
<draggable
class="list-group"
:list="xyrList.data"
group="xyrxx"
@change="draggableList"
element="ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in xyrList.data"
:key="element.id"
@click="move(element, 'xyrxx', true)"
>
<i class="iconfont iconyixuan"></i>
<div :rel="element.id" :name="element.name">
{{ element.name }}
</div>
</li>
</draggable>
</div>
</div>
<div class="waiting">
<p class="select-header">待选表头</p>
<div class="contentH">
<draggable
class="list-group"
:list="waitXyrxx"
group="xyrxx"
@change="draggableList"
element="ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in waitXyrxx"
:key="element.id"
@click="move(element, 'xyrxx', false)"
>
<i class="iconfont iconduoxuan"></i>
<div :rel="element.id" :name="element.name">
{{ element.name }}
</div>
</li>
</draggable>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="受害人信息" name="shrxx">
<div class="dragwrap">
<div class="selected">
<p class="select-header">已选表头</p>
<div class="contentH">
<draggable
class="list-group"
:list="shrList.data"
group="shrxx"
@change="draggableList"
element="ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in shrList.data"
:key="element.id"
@click="move(element, 'shrxx', true)"
>
<i class="iconfont iconyixuan"></i>
<div :rel="element.id" :name="element.name">
{{ element.name }}
</div>
</li>
</draggable>
</div>
</div>
<div class="waiting">
<p class="select-header">待选表头</p>
<div class="contentH">
<draggable
class="list-group"
:list="waitShrxx"
group="shrxx"
@change="draggableList"
element="ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in waitShrxx"
:key="element.id"
@click="move(element, 'shrxx', false)"
>
<i class="iconfont iconduoxuan"></i>
<div :rel="element.id" :name="element.name">
{{ element.name }}
</div>
</li>
</draggable>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="分类信息" name="flxx">
<div class="dragwrap">
<div class="selected">
<p class="select-header">已选表头</p>
<div class="contentH">
<draggable
class="list-group"
:list="flxxList.data"
group="flxx"
@change="draggableList"
element="ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in flxxList.data"
:key="element.id"
@click="move(element, 'flxx', true)"
>
<i class="iconfont iconyixuan"></i>
<div :rel="element.id" :name="element.name">
{{ element.name }}
</div>
</li>
</draggable>
</div>
</div>
<div class="waiting">
<p class="select-header">待选表头</p>
<div class="contentH">
<draggable
class="list-group"
:list="waitFlxx"
group="flxx"
@change="draggableList"
element="ul"
data-listidx="0"
ref="selected_ul"
>
<li
class="list-group-item"
v-for="element in waitFlxx"
:key="element.id"
@click="move(element, 'flxx', false)"
>
<i class="iconfont iconduoxuan"></i>
<div :rel="element.id" :name="element.name">
{{ element.name }}
</div>
</li>
</draggable>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
<div class="ar" style="margin-top:20px;margin-right:34px;">
<el-button
type="primary"
size="small"
class="zdybtn search"
@click="enableconfig"
>启用配置</el-button
>
<el-button plain size="small" class="zdybtn delete" @click="close"
>关闭</el-button
>
</div>
</div>
</template>
<script>
import draggable from "vuedraggable";
export default {
name: "settingDialog",
components: {
draggable
},
props: {
AjxxDefaultFormField: Object,
xyrxxDefaultField: Object,
shrxxDefaultField: Object,
flxxDefaultField: Object,
waitAjxxField: {
type: Array,
default: () => []
},
waitShrxxField: {
type: Array,
default: () => []
},
waitXyrxxField: {
type: Array,
default: () => []
},
waitFlxxField: {
type: Array,
default: () => []
}
},
data() {
return {
activeName: "ajxx",
ajxxList: JSON.parse(JSON.stringify(this.AjxxDefaultFormField)),
xyrList: JSON.parse(JSON.stringify(this.xyrxxDefaultField)),
shrList: JSON.parse(JSON.stringify(this.shrxxDefaultField)),
flxxList: JSON.parse(JSON.stringify(this.flxxDefaultField)),
waitAjxx: [...this.waitAjxxField],
waitXyrxx: [...this.waitXyrxxField],
waitShrxx: [...this.waitShrxxField],
waitFlxx: [...this.waitFlxxField]
};
},
watch: {
AjxxDefaultFormField(val) {
this.ajxxList = JSON.parse(JSON.stringify(val));
},
xyrxxDefaultField(val) {
this.xyrList = JSON.parse(JSON.stringify(val));
},
shrxxDefaultField(val) {
this.shrList = JSON.parse(JSON.stringify(val));
},
flxxDefaultField(val) {
this.flxxList = JSON.parse(JSON.stringify(val));
},
waitAjxxField(val) {
this.waitAjxx = [...val];
},
waitShrxxField(val) {
this.waitShrxx = [...val];
},
waitXyrxxField(val) {
this.waitXyrxx = [...val];
},
waitFlxxField(val) {
this.waitFlxx = [...val];
}
},
methods: {
move(obj, type, flag) {
if (obj.id != "ajzlb" && obj.id != "ajxzlb" && obj.id != "xalbdmbcms") {
let list = [],
waitList = [],
self = this;
if (type == "ajxx") {
list = self.ajxxList.data;
waitList = self.waitAjxx;
} else if (type == "xyrxx") {
list = self.xyrList.data;
waitList = self.waitXyrxx;
} else if (type == "shrxx") {
list = self.shrList.data;
waitList = self.waitShrxx;
} else if (type == "flxx") {
list = self.flxxList.data;
waitList = self.waitFlxx;
}
if (flag) {
list.splice(
list.findIndex(item => item.id === obj.id),
1
);
self.$set(waitList, waitList.length, obj);
} else {
waitList.splice(
waitList.findIndex(item => item.id === obj.id),
1
);
self.$set(list, list.length, obj);
}
}
},
draggableList() {
console.log("1111");
},
handleClick(tab, event) {
console.log(tab, event);
},
enableconfig() {
let self = this,
ajxxData = {},
xyrData = {},
shrData = {},
flxxData = {}; /*这四个是传给后台保存的数据*/
self.$emit("loading",true);/*显示loading*/
self.$loadingSta=true;
/*案件*/
ajxxData.title = self.ajxxList.title;
ajxxData.id = self.ajxxList.id;
ajxxData.data = [];
self.ajxxList.data.forEach(item => {
let obj = {};
obj.name = item.name;
obj.id = item.id;
self.$set(ajxxData.data, ajxxData.data.length, obj);
});
/*嫌疑人*/
xyrData.title = self.xyrList.title;
xyrData.id = self.xyrList.id;
xyrData.data = [];
self.xyrList.data.forEach(item => {
let obj = {};
obj.name = item.name;
obj.id = item.id;
self.$set(xyrData.data, xyrData.data.length, obj);
});
/*受害人*/
shrData.title = self.shrList.title;
shrData.id = self.shrList.id;
shrData.data = [];
self.shrList.data.forEach(item => {
let obj = {};
obj.name = item.name;
obj.id = item.id;
self.$set(shrData.data, shrData.data.length, obj);
});
/*分类*/
flxxData.title = self.flxxList.title;
flxxData.id = self.flxxList.id;
flxxData.data = [];
flxxData.data = self.flxxList.data;
self.$emit(
"emitDialog",
false,
JSON.stringify(ajxxData),
JSON.stringify(xyrData),
JSON.stringify(shrData),
JSON.stringify(flxxData),
JSON.stringify(self.ajxxList),
JSON.stringify(self.xyrList),
JSON.stringify(self.shrList),
JSON.stringify(self.flxxList)
);
},
close() {
this.ajxxList = JSON.parse(JSON.stringify(this.AjxxDefaultFormField));
this.xyrList = JSON.parse(JSON.stringify(this.xyrxxDefaultField));
this.shrList = JSON.parse(JSON.stringify(this.shrxxDefaultField));
this.flxxList = JSON.parse(JSON.stringify(this.flxxDefaultField));
this.waitAjxx = [...this.waitAjxxField];
this.waitXyrxx = [...this.waitXyrxxField];
this.waitShrxx = [...this.waitShrxxField];
this.waitFlxx = [...this.waitFlxxField];
this.$emit("close", false);
}
}
};
</script>
<style>
.settingDialog .el-tabs--card > .el-tabs__header .el-tabs__nav {
border: none;
}
.settingDialog .el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
border-left: 1px solid #1a81e1 !important;
border-radius: 2px 0px 0px 2px;
}
.settingDialog .el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
border-radius: 0px 2px 2px 0px;
}
.settingDialog .el-tabs--card > .el-tabs__header {
border: none;
}
.settingDialog .el-tabs__item {
height: 32px;
line-height: 32px;
background: #ffffff;
border: 1px solid #1a81e1;
border-bottom: 1px solid #1a81e1 !important;
color: #1a81e1;
padding: 0 27px;
}
.settingDialog .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
background: #1a81e1;
color: #fff;
border: 1px solid #1a81e1;
}
</style>
<style scoped lang="scss">
@import "../../assets/styles/form.scss";
.settingDialog {
.zdybtn {
height: 36px;
width: 128px;
}
}
</style>
src/views/jccx/index.vue 0 → 100644
<template>
<div id="jccx">
<list-header :headerTitle="headerTitle" ref="header"></list-header>
<div class="coverText"></div>
<list-select
:selectList="selectList"
@cValue="cValue"
@getHeight="getHeight"
v-show="selectList.length != 0"
ref="select"
></list-select>
<div class="wrap" :style="{ marginTop: marginTop + 'px' }">
<list-form
:formData="formData"
:AjxxFormField="AjxxFormField"
:XyrxxFormField="XyrxxFormField"
:ShrxxFormField="ShrxxFormField"
:FlxxFormField="FlxxFormField"
:AjxxDefaultFormField="AjxxDefaultFormField"
:XyrxxDefaultFormField="XyrxxDefaultFormField"
:ShrxxDefaultFormField="ShrxxDefaultFormField"
:FlxxDefaultFormField="FlxxDefaultFormField"
:fieldType="fieldType"
@doQueryList="doQueryList"
@getSeletedList="getSeletedList"
@emitLoading="emitLoading"
@closeLoading="closeLoading"
></list-form>
<list-table
:DefaultAjFormThead="DefaultFormThead"
:AllAjThead="AllThead"
:theadType="theadType"
:theadTitle="theadTitle"
:formData="formData"
:dataLength="dataLength"
:queryTableData="queryTableData"
:tableLoadingEmit="tableLoadingEmit"
:ychyDataList="ychyDataList"
:flxxGroup="flxxGroup"
@getLoading="getLoading"
@getPage="getPage"
@getSort="getSort"
@exportFile="exportFile"
@getFlValue="getFlValue"
:pageNum="pageNum"
:tableType="tableType"
v-show="isShowTable"
></list-table>
</div>
<!--加载-->
<Loading :loading="loading" :text="text"></Loading>
</div>
</template>
<script>
import listForm from "@c/form_components.vue";
import Loading from "@c/Loading.vue";
import listTable from "@c/table_components.vue";
import listHeader from "@c/header_components.vue";
import listSelect from "@/views/jccx/selectedConditions.vue";
import request from "@/api/interface/dictionaryCode.js";
import {
jccxFormData,
jccxHeaderTitle,
jccxAjxxFormField,
jccxXyrxxFormField,
jccxShrxxFormField,
jccxFlxxFormField,
cxAjDefaultFormThead,
AllAjformThead,
cxXyrDefaultFormThead,
AllXyrformThead,
jccxAjxxDefaultFormField,
jccxXyrxxDefaultFormField,
jccxShrxxDefaultFormField,
jccxFlxxDefaultFormField,
cxShrDefaultFormThead,
AllShrformThead,
cxYchyData
} from "@/utils/params";
export default {
name: "index",
components: {
listForm,
listTable,
listHeader,
listSelect,
Loading
},
data() {
return {
formData: jccxFormData,
headerTitle: jccxHeaderTitle,
AjxxFormField: jccxAjxxFormField,
XyrxxFormField: jccxXyrxxFormField,
ShrxxFormField: jccxShrxxFormField,
FlxxFormField: jccxFlxxFormField,
AjxxDefaultFormField: jccxAjxxDefaultFormField,
XyrxxDefaultFormField: jccxXyrxxDefaultFormField,
ShrxxDefaultFormField: jccxShrxxDefaultFormField,
FlxxDefaultFormField: jccxFlxxDefaultFormField,
DefaultAjFormThead: cxAjDefaultFormThead,
AllAjThead: AllAjformThead,
DefaultXyrFormThead: cxXyrDefaultFormThead,
AllXyrThead: AllXyrformThead,
DefaultShrFormThead: cxShrDefaultFormThead,
AllShrThead: AllShrformThead,
fieldType: "jccxField",
ajFieldType: "jccxAjThead",
xyrFieldType: "jccxXyrThead",
shrFieldType: "jccxShrThead",
DefaultFormThead: [],
AllThead: [],
isShowTable: false,
theadType: "",
theadTitle: "",
selectList: [],
marginTop: 76,
queryTableData: [],
dataLength: 0,
tableType: "",
pageNum: 1,
tableLoadingEmit: false,
ychyDataList: cxYchyData,
flxxGroup: [] /*查询回来得分类信息*/,
excelHeader: "" /*下载文件的名字*/,
loading: false,
text: "正在保存..."
};
},
methods: {
closeLoading(data) {
this.loading = data;
},
emitLoading(data) {
this.loading = data;
},
getHeight(val) {
/*已选条件高度变化的回调*/
let padding = 0;
if (val == 0) {
padding = 16;
} else {
padding = 32;
}
this.marginTop = this.$refs.header.$el.offsetHeight + val + padding;
},
getFlValue(val, type, tableType) {
let self = this;
self.formData[type] = val;
self.formData["flxx"] = [];
self.excelHeader = self.excelHeader + "(" + val + ")";
self.creatForm(tableType, "flxx");
},
exportFile(type) {
//导出
let self = this;
self.formData.rows = 5000;
self.creatForm(type, "export");
},
getLoading(bool) {
this.tableLoadingEmit = bool;
},
getSort(key, value, type) {
let self = this;
if (key == "asc") {
self.formData[key] = value;
self.formData["desc"] = "";
} else {
self.formData[key] = value;
self.formData["asc"] = "";
}
this.doQueryList(type, self.formData);
},
cValue(id, id2) {
if (id2) {
this.formData[id2] = "";
}
this.formData[id] = "";
},
getSeletedList(data) {
this.selectList = data;
/*
this.marginTop=this.$refs.header.$el.offsetHeight+this.$refs.select.$el.offsetHeight
*/
},
getPage(val, type) {
this.formData.page = val;
this.doQueryList(type, this.formData);
},
creatForm(data, flag) {
//form表单进行时间处理
let self = this;
/*处理时间*/
/*点击查询按钮时更新排序等字段的值*/
if (data == "ajxx" && flag == "isbtn") {
self.DefaultFormThead = self.DefaultAjFormThead;
self.AllThead = self.AllAjThead;
self.theadType = self.ajFieldType;
self.theadTitle = "案件信息表头";
self.excelHeader = "案件信息";
self.formData["desc"] = "larq";
self.formData["asc"] = "";
} else if (data == "xyrxx" && flag == "isbtn") {
self.DefaultFormThead = self.DefaultXyrFormThead;
self.AllThead = self.AllXyrThead;
self.theadType = self.xyrFieldType;
self.theadTitle = "嫌疑人信息表头";
self.excelHeader = "嫌疑人信息";
self.formData["desc"] = "zhrq";
self.formData["asc"] = "";
} else if (data == "shrxx" && flag == "isbtn") {
self.DefaultFormThead = self.DefaultShrFormThead;
self.AllThead = self.AllShrThead;
self.theadType = self.shrFieldType;
self.theadTitle = "被害人信息表头";
self.excelHeader = "被害人信息";
self.formData["desc"] = "bhsjKssj";
self.formData["asc"] = "";
}
/*处理时间的字段名*/
let handleForm = JSON.parse(JSON.stringify(self.formData));
for (let i in handleForm) {
if (
i == "asjfssjAsjfskssj" ||
i == "slsj" ||
i == "larq" ||
i == "zczjZxsj01" ||
i == "cxajrq" ||
i == "djsj" ||
i == "zhrq" ||
i == "zhfzxyrCsrqRqgzxx" ||
i == "bhsjKssj" ||
i == "bhrCsrqRqgzxx"
) {
handleForm[i + "Start"] = handleForm[i] == "" ? "" : handleForm[i][0];
handleForm[i + "End"] = handleForm[i] == "" ? "" : handleForm[i][1];
self.$delete(handleForm, i);
}
}
if (!flag || flag == "isbtn") {
self.doQueryRequst(data, handleForm);
} else if (flag == "flxx") {
self.doQueryRequst(data, handleForm, "noSetFlxx");
} else if (flag == "export") {
self.exportRequst(data, handleForm);
}
},
formatJson(filterVal, jsonData) {
return jsonData.map(v => filterVal.map(j => v[j]));
},
exportRequst(data, handleForm) {
/*导出*/
let self = this,
tHeader = [],
filterVal = [];
const loading = this.$loading({
lock: true,
text: "正在导出...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)"
});
if (data == "ajxx") {
tHeader = [];
filterVal = [];
self.DefaultAjFormThead.forEach(val => {
tHeader.push(val.label);
filterVal.push(val.prop);
});
request.doQuery(JSON.stringify(handleForm)).then(res => {
if (res.success === true) {
if (res.data.total > 5000) {
self.$message({
type: "error",
message: "最多只能导出5000条"
});
} else {
require.ensure([], () => {
const {
export_json_to_excel
} = require("../../vendor/Export2Excel");
const list = res.data.rows;
const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader);
});
}
loading.close();
} else {
loading.close();
self.$message({
type: "error",
message: "查询失败"
});
}
self.tableLoadingEmit = false;
});
} else if (data == "xyrxx") {
tHeader = [];
filterVal = [];
self.DefaultXyrFormThead.forEach(val => {
tHeader.push(val.label);
filterVal.push(val.prop);
});
request.doXyrQuery(JSON.stringify(handleForm)).then(res => {
if (res.success === true) {
if (res.data.total > 5000) {
self.$message({
type: "error",
message: "最多只能导出5000条"
});
} else {
require.ensure([], () => {
const {
export_json_to_excel
} = require("../../vendor/Export2Excel");
const list = res.data.rows;
const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader);
});
}
loading.close();
} else {
loading.close();
self.$message({
type: "error",
message: "查询失败"
});
}
self.tableLoadingEmit = false;
});
} else if (data == "shrxx") {
tHeader = [];
filterVal = [];
self.DefaultShrFormThead.forEach(val => {
tHeader.push(val.label);
filterVal.push(val.prop);
});
request.doBhrQuery(JSON.stringify(handleForm)).then(res => {
if (res.success === true) {
if (res.data.total > 5000) {
self.$message({
type: "error",
message: "最多只能导出5000条"
});
} else {
require.ensure([], () => {
const {
export_json_to_excel
} = require("../../vendor/Export2Excel");
const list = res.data.rows;
const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader);
});
}
loading.close();
} else {
loading.close();
self.$message({
type: "error",
message: "查询失败"
});
}
self.tableLoadingEmit = false;
});
}
},
doQueryRequst(data, handleForm, noSet) {
let self = this;
if (data == "ajxx") {
request.doQuery(JSON.stringify(handleForm)).then(res => {
if (res.success === true) {
self.queryTableData = res.data.rows;
self.dataLength = res.data.total;
if (!noSet) {
self.flxxGroup = res.data.flxx;
}
} else {
self.$message({
type: "error",
message: "查询失败"
});
}
self.tableLoadingEmit = false;
});
} else if (data == "xyrxx") {
request.doXyrQuery(JSON.stringify(handleForm)).then(res => {
if (res.success === true) {
self.queryTableData = res.data.rows;
self.dataLength = res.data.total;
if (!noSet) {
self.flxxGroup = res.data.flxx;
}
} else {
self.$message({
type: "error",
message: "查询失败"
});
}
self.tableLoadingEmit = false;
});
} else if (data == "shrxx") {
request.doBhrQuery(JSON.stringify(handleForm)).then(res => {
if (res.success === true) {
self.queryTableData = res.data.rows;
self.dataLength = res.data.total;
if (!noSet) {
self.flxxGroup = res.data.flxx;
}
} else {
self.$message({
type: "error",
message: "查询失败"
});
}
self.tableLoadingEmit = false;
});
}
},
doQueryList(data, formList, isBtn) {
let self = this;
self.tableType = data;
self.isShowTable = true;
self.formData = formList;
self.pageNum = self.formData.page;
/*清空form分类信息的字段的值*/
if (self.flxxGroup != undefined) {
self.flxxGroup.forEach(val => {
if (Object.prototype.hasOwnProperty.call(self.formData, val.type)) {
self.formData[val.type] = "";
}
});
}
if (isBtn) {
self.creatForm(data, "isbtn");
} else {
self.creatForm(data);
}
}
},
mounted() {
let self = this,
obj1 = {},
obj2 = {},
obj3 = {},
obj4 = {};
request.getField(self.fieldType).then(res => {
if (res.code == 20000) {
console.log(res);
if (res.data.total > 0) {
self.AjxxDefaultFormField = [];
self.XyrxxDefaultFormField = [];
self.ShrxxDefaultFormField = [];
self.FlxxDefaultFormField = [];
/*案件信息*/
obj1.title = res.data.defaultFormThead[0].title;
obj1.id = res.data.defaultFormThead[0].id;
obj1.data = [];
res.data.defaultFormThead[0].data.forEach(val => {
let ret2 = self.AjxxFormField.data.find(v => {
return v.id == val.id;
});
self.$set(obj1.data, obj1.data.length, ret2);
});
self.AjxxDefaultFormField = obj1;
/*嫌疑人数据*/
obj2.title = res.data.defaultFormThead[1].title;
obj2.id = res.data.defaultFormThead[1].id;
obj2.data = [];
res.data.defaultFormThead[1].data.forEach(val => {
let ret2 = self.XyrxxFormField.data.find(v => {
return v.id == val.id;
});
self.$set(obj2.data, obj2.data.length, ret2);
});
self.XyrxxDefaultFormField = obj2;
/*受害人数据*/
obj3.title = res.data.defaultFormThead[2].title;
obj3.id = res.data.defaultFormThead[2].id;
obj3.data = [];
res.data.defaultFormThead[2].data.forEach(val => {
let ret2 = self.ShrxxFormField.data.find(v => {
return v.id == val.id;
});
self.$set(obj3.data, obj3.data.length, ret2);
});
self.ShrxxDefaultFormField = obj3;
/*分类信息*/
obj4.title = res.data.defaultFormThead[3].title;
obj4.id = res.data.defaultFormThead[3].id;
obj4.data = [];
res.data.defaultFormThead[3].data.forEach(val => {
let ret2 = self.FlxxFormField.data.find(v => {
return v.id == val.id;
});
self.$set(obj4.data, obj4.data.length, ret2);
});
self.FlxxDefaultFormField = obj4;
}
} else {
self.$message({
type: "error",
message: res.message
});
}
return res.data;
});
/*获取案件表头*/
request.getField(self.ajFieldType).then(res => {
if (res.code == 20000) {
if (res.data.total > 0) {
self.DefaultAjFormThead = [];
self.DefaultAjFormThead = res.data.defaultFormThead;
}
} else {
self.$message({
type: "error",
message: "获取表头失败"
});
}
});
/*获取嫌疑人表头*/
request.getField(self.xyrFieldType).then(res => {
if (res.code == 20000) {
if (res.data.total > 0) {
self.DefaultXyrFormThead = [];
self.DefaultXyrFormThead = res.data.defaultFormThead;
}
} else {
self.$message({
type: "error",
message: "获取表头失败"
});
}
});
/*获取受害人表头*/
request.getField(self.shrFieldType).then(res => {
if (res.code == 20000) {
if (res.data.total > 0) {
self.DefaultShrFormThead = [];
self.DefaultShrFormThead = res.data.defaultFormThead;
}
} else {
self.$message({
type: "error",
message: "获取表头失败"
});
}
});
}
};
</script>
<style scoped lang="scss">
@import "../../assets/styles/form.scss";
</style>
src/views/jccx/selectedConditions.vue 0 → 100644
<template>
<div id="selectedConditions" class="formWrap" ref="select">
<div class="conditionTitle">已选条件:</div>
<div class="conditionWrap">
<el-tag
:key="tag.id"
v-for="tag in dynamicTags"
closable
:disable-transitions="false"
@close="handleClose(tag)"
>
<div v-if="tag.type == 'zdyText'" class="inline">
{{ tag.name }}：{{ tag.value }}至{{ tag.value2 }}
</div>
<div v-else-if="tag.type == 'daterange'" class="inline">
{{ tag.name }}：{{ tag.value1 }}至{{ tag.value2 }}
</div>
<div v-else class="inline">{{ tag.name }}：{{ tag.value }}</div>
</el-tag>
</div>
</div>
</template>
<script>
export default {
name: "selectedConditions",
props: {
selectList: {
type: Array,
default: () => []
}
},
data() {
return {
dynamicTags: this.selectList,
height: 0
};
},
watch: {
selectList(val) {
let self = this;
self.dynamicTags = val;
self.$nextTick(() => {
self.height = self.$refs.select.offsetHeight;
self.$emit("getHeight", self.height);
});
}
},
methods: {
handleClose(tag) {
let self = this;
if (tag.type == "zdyText") {
self.$emit("cValue", tag.id, tag.id2);
} else {
self.$emit("cValue", tag.id);
}
self.dynamicTags.splice(self.dynamicTags.indexOf(tag), 1);
self.$nextTick(() => {
self.height = self.$refs.select.offsetHeight;
self.$emit("getHeight", this.height);
});
}
}
};
</script>
<style scoped lang="scss">
@import "../../assets/styles/form.scss";
</style>
src/views/login.vue
<template>
<div class="login">
<el-form>
<el-form-item prop="vercode">
<el-input
v-model="vercode"
autocomplete="off"
placeholder="请输入验证码"
maxlength="4"
<div class="login-container">
<el-form
:model="ruleForm2"
:rules="rules2"
status-icon
ref="ruleForm2"
label-position="left"
label-width="0px"
class="demo-ruleForm login-page"
>
<template slot="prepend">
<i class="iconfont iconyanzhengma"></i>
</template>
<template slot="append">
<img :src="captcha.img" mode class="captcha" @click="getCaptcha" />
</template>
</el-input>
<h3 class="title">系统登录</h3>
<el-form-item prop="username">
<el-input
type="text"
v-model="ruleForm2.username"
auto-complete="off"
placeholder="用户名"
></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
type="password"
v-model="ruleForm2.password"
auto-complete="off"
placeholder="密码"
></el-input>
</el-form-item>
<el-form-item
><el-button type="primary" @click="toLogin"
<el-form-item style="width:100%;">
<el-button
type="primary"
style="width:100%;"
@click="handleSubmit"
:loading="logining"
>登录</el-button
></el-form-item
>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { code } from "@/api/home.js";
import request from "@/api/interface/dictionaryCode.js";
export default {
name: "Login",
components: {},
data() {
return {
vercode: "",
captcha: {
id: "",
img: ""
}
};
logining: false,
ruleForm2: {
username: "admin",
password: "0"
},
rules2: {
username: [{ required: true, message: "请输入账号", trigger: "blur" }],
password: [{ required: true, message: "请输入密码", trigger: "blur" }]
},
created() {
this.getCaptcha();
checked: false
};
},
methods: {
getCaptcha() {
code({
captcha_id: this.captcha.id
}).then(res => {
if (res.code >= 0) {
this.captcha.id = res.data.id;
this.captcha.img = res.data.img;
this.captcha.img = this.captcha.img.replace(/\r\n/g, "");
}
console.log(res);
handleSubmit() {
let self = this;
self.$refs.ruleForm2.validate(valid => {
if (valid) {
self.logining = true;
request.login(self.ruleForm2.username,self.ruleForm2.password).then(res => {
if (res.code == 20000) {
sessionStorage.setItem("user", self.ruleForm2.username);
self.$router.push({ path: "/home" });
} else {
self.logining = false;
self.$alert("用户名或密码错误!", "提示", {
confirmButtonText: "ok"
});
},
toLogin() {
var self = this;
var data = {
username: "xxs",
password: "123456",
captcha_code: this.vercode,
captcha_id: this.captcha.id
};
self.$store
.dispatch("user/login", data)
.then(res => {
if (res.code >= 0) {
self.$message({
message: "登录成功！",
type: "success"
}
return res.data;
});
this.$router.push("/home");
} else {
self.getCaptcha();
self.$message({
message: res.message,
type: "warning"
});
return false;
}
})
.catch(() => {
self.getCaptcha();
});
}
}
};
</script>
<style lang="scss" scoped>
.el-form {
.captcha {
vertical-align: top;
max-width: inherit;
max-height: 38px;
line-height: 38px;
cursor: pointer;
}
.dynacode {
cursor: pointer;
}
[class*=" el-icon-"],
[class^="el-icon-"] {
font-size: 16px;
}
<style scoped>
.login-container {
position: relative;
top: 138px;
bottom: 20px;
width: 100%;
height: 100%;
/* 登录框上下对齐 */
display: flex;
align-items: center;
}
.login-page {
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0px auto;
width: 350px;
padding: 20px 35px 35px 15px;
background: #fff;
border: 1px solid #eaeaea;
box-shadow: 0 0 25px #cac6c6;
}
label.el-checkbox.rememberme {
margin: 0px 0px 15px;
text-align: left;
}
</style>
src/views/test.vue
......@@ -4,7 +4,8 @@
<div @click="getCode">字典</div>
<!-- <div @click="getXs">线索</div> -->
<div @click="xss">线索123</div>
<el-upload class="upload-demo"
<el-upload
class="upload-demo"
ref="upload"
action="http://192.168.0.142:8080/shsexscj/addShsexscj"
:http-request="httpRequest"
......@@ -12,90 +13,97 @@
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileLists"
:auto-upload="false">
<el-button slot="trigger"
size="small"
type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;"
:auto-upload="false"
>
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button
style="margin-left: 10px;"
size="small"
type="success"
@click="submitUpload">上传到服务器</el-button>
@click="submitUpload"
>上传到服务器</el-button
>
</el-upload>
<div @click="getcontent">huoqu</div>
</div>
</template>
<script>
import { testLogin, testCode, testXs, testXss } from "@/api/test.js";
import { testLogin, testCode, testXss } from "@/api/test.js";
import axios from "axios";
import qs from "qs";
export default {
name: "test",
components: {},
data () {
data() {
return {
xs: {
xm: '1234'
xm: "1234"
},
upFile: {},
fileLists: []
};
},
created () { },
created() {},
methods: {
getcontent () {
getcontent() {
testXss({
shsexsbh: "X4302000000002020100045"
}).then(res => {
console.log(res);
})
});
},
submitUpload () {
submitUpload() {
this.$refs.upload.submit();
this.xss()
this.xss();
},
httpRequest (data) {
httpRequest(data) {
console.log(data);
// this.file = data.file
//this.getPicturePicture()
},
handleRemove (file, fileList) {
this.fileLists = fileList
handleRemove(file, fileList) {
this.fileLists = fileList;
},
handlePreview (file) {
handlePreview(file) {
console.log(file);
},
handleChange (file, fileList) {
this.fileLists.push(file)
handleChange(file) {
this.fileLists.push(file);
},
xss () {
var params = new FormData()
params.append("xs.xm", '123')
xss() {
var params = new FormData();
params.append("xs.xm", "123");
for (var i = 0; i < this.fileLists.length; i++) {
params.append('xsfj', this.fileLists[i].raw)
params.append("xsfj", this.fileLists[i].raw);
}
axios.post("http://192.168.0.142:8080/shsexscj/addShsexscj", params).then(res => {
axios
.post("http://192.168.0.142:8080/shsexscj/addShsexscj", params)
.then(res => {
console.log(res);
})
});
},
login () {
login() {
testLogin({
username: "admin",
password: "0"
}).then(res => {
})
.then(res => {
console.log(res);
}).catch(err => {
console.log(err);
})
.catch(err => {
console.log(err);
});
},
getCode () {
getCode() {
testCode({
type: "CODE_XSLYDM"
}).then(res => {
})
.then(res => {
console.log(res);
}).catch(err => {
console.log(err);
})
.catch(err => {
console.log(err);
});
}
// getXs () {
// testXs({
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment