Skip to content

S
sample-form-platform
Commit 0381940e authored by 赵啸非's avatar 赵啸非
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 9ef093fb 5bff9990
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1698 additions and 474 deletions
sample-form-client-ui/admin/package.json
View file @ 0381940e
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
"element-ui": "^2.15.10", "element-ui": "^2.15.10",
"file-saver": "^2.0.2", "file-saver": "^2.0.2",
"hammerjs": "^2.0.8", "hammerjs": "^2.0.8",
"html2canvas": "^1.4.1",
"moment": "^2.29.4", "moment": "^2.29.4",
"npm": "^6.13.7", "npm": "^6.13.7",
"secure-ls": "^1.2.6", "secure-ls": "^1.2.6",
......
sample-form-client-ui/admin/src/App.vue
View file @ 0381940e
...@@ -44,7 +44,7 @@ export default { ...@@ -44,7 +44,7 @@ export default {
let obj = { let obj = {
deviceInfo: { deviceInfo: {
enabled: 1, enabled: 1,
productId: 3, productId: 10,
productName: "样表系统", productName: "样表系统",
siteCode: "511500000000-0001", siteCode: "511500000000-0001",
siteId: 1, siteId: 1,
...@@ -64,12 +64,13 @@ export default { ...@@ -64,12 +64,13 @@ export default {
}, },
serviceInfo: { serviceInfo: {
homeUrl: "http://192.168.0.24:8080/#/", homeUrl: "http://192.168.0.24:8080/#/",
serverUrl: "http://112.19.80.237:11078/", serverUrl: "http://192.168.0.98:11078/",
}, },
devicenum: "18-93-7F-C0-AD-B5", devicenum: "18-93-7F-C0-AD-B5",
// devicenum: "B8-13-32-86-9F-04", // devicenum: "B8-13-32-86-9F-04",
}; };
local.setLocal("devicenum", obj.devicenum); local.setLocal("devicenum", obj.devicenum);
local.setLocal("deviceInfo", obj.deviceInfo);
this.SET_deviceCode(obj.devicenum); this.SET_deviceCode(obj.devicenum);
this.WebSocketMq(obj); this.WebSocketMq(obj);
} }
...@@ -113,9 +114,10 @@ export default { ...@@ -113,9 +114,10 @@ export default {
getInfo() { getInfo() {
let routeQuery = this.urlGet(); let routeQuery = this.urlGet();
if (JSON.stringify(routeQuery) !== "{}") { if (JSON.stringify(routeQuery) !== "{}") {
let { devicenum } = routeQuery; let { devicenum, deviceInfo } = routeQuery;
this.devicenum = devicenum; this.devicenum = devicenum;
local.setLocal("devicenum", devicenum); local.setLocal("devicenum", devicenum);
local.setLocal("deviceInfo", deviceInfo);
this.SET_deviceCode(devicenum); this.SET_deviceCode(devicenum);
} }
}, },
...@@ -144,7 +146,7 @@ export default { ...@@ -144,7 +146,7 @@ export default {
if (this.linkDom) { if (this.linkDom) {
this.linkDom.remove(); this.linkDom.remove();
} }
if (data[0].cssFilePath) { if (data.length && data[0].cssFilePath) {
let link = document.createElement("link"); let link = document.createElement("link");
this.linkDom = link; this.linkDom = link;
link.rel = "stylesheet"; link.rel = "stylesheet";
......
sample-form-client-ui/admin/src/api/index.js
View file @ 0381940e
...@@ -137,3 +137,39 @@ export const getDeviceList = (data) => { ...@@ -137,3 +137,39 @@ export const getDeviceList = (data) => {
}, },
}); });
}; };
//热力图背景图上传
export function screenSave(params = {}) {
let deviceInfo = {};
try {
let { productId, productName } = local.getLocal("deviceInfo");
deviceInfo = { productId, productName };
} catch (error) {}
let javaBase = local.getLocal("serverUrl");
params["deviceNum"] = local.getLocal("devicenum");
return request({
url: `${javaBase}basics_api/zwfw/page/bury/screen/save`,
method: "post",
data: {
...deviceInfo,
...params,
},
});
}
//java数据埋点
export function burySave(params = {}) {
let deviceInfo = {};
try {
let { productId, productName } = local.getLocal("deviceInfo");
deviceInfo = { productId, productName };
} catch (error) {}
let javaBase = local.getLocal("serverUrl");
params["deviceNum"] = local.getLocal("devicenum");
return request({
url: `${javaBase}basics_api/zwfw/page/bury/save`,
method: "post",
data: {
...deviceInfo,
...params,
},
});
}
sample-form-client-ui/admin/src/components/EnabledDev.vue
View file @ 0381940e
<template> <template>
<div class="enabled" v-show="!enabled"> <div class="enabled" v-show="!enabled">
<div class="enabled_box"> <div class="enabled_box">
<img class="enabled_img" src="../assets/img/tingyong.png" /> <img class="enabled_img" src="@/assets/img/no_network@2x.png" />
<span class="text">设备已停用，请联系管理员~</span>
</div> </div>
</div> </div>
</template> </template>
...@@ -22,7 +23,7 @@ export default { ...@@ -22,7 +23,7 @@ export default {
.enabled { .enabled {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.7);
position: fixed; position: fixed;
top: 0px; top: 0px;
left: 0px; left: 0px;
...@@ -33,11 +34,17 @@ export default { ...@@ -33,11 +34,17 @@ export default {
.enabled_box { .enabled_box {
width: 400px; width: 400px;
height: 400px; height: 400px;
background-color: #fff;
border-radius: 4px; border-radius: 4px;
color: #333;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
font-size: 24px;
.enabled_img { .enabled_img {
width: 100%; width: 100%;
height: 100%; margin-bottom: 20px;
} }
} }
} }
......
sample-form-client-ui/admin/src/components/Header.vue
View file @ 0381940e
...@@ -7,7 +7,17 @@ ...@@ -7,7 +7,17 @@
<div></div> <div></div>
</slot> </slot>
<div class="right-box flex aic"> <div class="right-box flex aic">
<div class="back-one flex aic jcc pointer" @click="handleBack"> <div
class="back-one flex aic jcc pointer"
@click="handleBack"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'back',
businessName: '返回',
routers: $route,
}"
>
<span class="back-text">返回</span> <span class="back-text">返回</span>
</div> </div>
<slot name="right"><div></div></slot> <slot name="right"><div></div></slot>
...@@ -37,6 +47,7 @@ export default { ...@@ -37,6 +47,7 @@ export default {
.header { .header {
width: 100%; width: 100%;
height: 100px; height: 100px;
flex-shrink: 0;
// padding: 0px 40px; // padding: 0px 40px;
margin-bottom: 10px; margin-bottom: 10px;
// background: var(--main-theme-color); // background: var(--main-theme-color);
......
sample-form-client-ui/admin/src/components/MateralsList.vue
View file @ 0381940e
...@@ -23,6 +23,13 @@ ...@@ -23,6 +23,13 @@
v-for="v in matterInfo.matterDatumList" v-for="v in matterInfo.matterDatumList"
:key="v.id" :key="v.id"
@click="handleCheck(v)" @click="handleCheck(v)"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'check_materials',
businessName: '查看表单',
routers: $route,
}"
> >
<div class="pic-box"> <div class="pic-box">
<div class="pic-img-box"> <div class="pic-img-box">
...@@ -43,7 +50,7 @@ ...@@ -43,7 +50,7 @@
></div> ></div>
</div> </div>
<!-- <el-empty class="empty" :image-size="200" v-else></el-empty> --> <!-- <el-empty class="empty" :image-size="200" v-else></el-empty> -->
<YEmpty v-else width="400"></YEmpty> <YEmpty v-else width="200" text="暂无数据"></YEmpty>
</el-drawer> </el-drawer>
</div> </div>
</template> </template>
......
sample-form-client-ui/admin/src/components/NetworkError.vue
View file @ 0381940e
<template> <template>
<div class="network_error" v-show="isShowError"> <div class="network_error" v-show="isShowError">
<div class="network_error_box"> <div class="network_error_box">
<img class="network_error_img" src="../assets/img/网络出错@3x.png" /> <img class="network_error_img" src="@/assets/img/no_network@2x.png" />
<span>哎呀，网络出错了~</span>
</div> </div>
</div> </div>
</template> </template>
...@@ -22,7 +23,7 @@ export default { ...@@ -22,7 +23,7 @@ export default {
.network_error { .network_error {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.7);
position: fixed; position: fixed;
top: 0px; top: 0px;
left: 0px; left: 0px;
...@@ -33,11 +34,16 @@ export default { ...@@ -33,11 +34,16 @@ export default {
.network_error_box { .network_error_box {
width: 400px; width: 400px;
height: 400px; height: 400px;
background-color: #fff;
border-radius: 4px; border-radius: 4px;
color: #333;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
font-size: 24px;
.network_error_img { .network_error_img {
width: 100%; width: 100%;
height: 100%;
} }
} }
} }
......
sample-form-client-ui/admin/src/components/SearchBox.vue
View file @ 0381940e
...@@ -5,6 +5,13 @@ ...@@ -5,6 +5,13 @@
:value="value" :value="value"
@keyup.native.enter="handleSearch" @keyup.native.enter="handleSearch"
@input="changeInput" @input="changeInput"
v-onEvent="{
eventName: '输入',
eventCode: 'Put',
businessCode: 'search',
businessName: '搜索',
routers: $route,
}"
> >
<i <i
v-show="value" v-show="value"
...@@ -13,7 +20,17 @@ ...@@ -13,7 +20,17 @@
@click="handleClose" @click="handleClose"
></i> ></i>
</el-input> </el-input>
<el-button class="search-btn" @click="handleSearch"> <el-button
class="search-btn"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'search',
businessName: '搜索',
routers: $route,
}"
@click="handleSearch"
>
<span class="flex aic jcc"> <span class="flex aic jcc">
<img class="mr10" src="../assets/img/sousuo.png" /> 搜索 <img class="mr10" src="../assets/img/sousuo.png" /> 搜索
</span> </span>
...@@ -101,4 +118,4 @@ export default { ...@@ -101,4 +118,4 @@ export default {
border-color: var(--main-theme-color); border-color: var(--main-theme-color);
} }
} }
</style> </style>
\ No newline at end of file
sample-form-client-ui/admin/src/components/YEmpty.vue
View file @ 0381940e
<template> <template>
<div class="empty"> <div class="empty">
<div :style="{ width: width.includes('px') ? width : width + 'px' }"> <div
class="content"
:style="{ width: width.includes('px') ? width : width + 'px' }"
>
<img v-if="img" :src="img" /> <img v-if="img" :src="img" />
<span v-if="text">{{ text }}</span> <span v-if="text">
{{ text }}
</span>
</div> </div>
</div> </div>
</template> </template>
...@@ -16,7 +21,7 @@ export default { ...@@ -16,7 +21,7 @@ export default {
}, },
img: { img: {
type: String, type: String,
default: require("../assets/img/暂无信息／暂无列表@3x.png"), default: require("@/assets/img/no_data@2x.png"),
}, },
text: { text: {
type: String, type: String,
...@@ -35,5 +40,11 @@ export default { ...@@ -35,5 +40,11 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
} }
</style> </style>
sample-form-client-ui/admin/src/main.js
View file @ 0381940e
...@@ -31,6 +31,9 @@ Vue.use(scroll); ...@@ -31,6 +31,9 @@ Vue.use(scroll);
import format from "vue-text-format"; import format from "vue-text-format";
Vue.use(format); Vue.use(format);
// 引入数据埋点
import vueStatistics from "@/utils/vue-statistics";
Vue.use(vueStatistics, { router });
// 中央事件 // 中央事件
Vue.prototype.$bus = new Vue(); Vue.prototype.$bus = new Vue();
......
sample-form-client-ui/admin/src/pages/home/Home.vue
View file @ 0381940e
...@@ -36,6 +36,13 @@ ...@@ -36,6 +36,13 @@
v-model="search" v-model="search"
placeholder="输入事项表单关键词或排队编号查询" placeholder="输入事项表单关键词或排队编号查询"
@keyup.native.enter="handleSearch" @keyup.native.enter="handleSearch"
v-onEvent="{
eventName: '输入',
eventCode: 'Put',
businessCode: 'home_search',
businessName: '首页搜索',
routers: $route,
}"
> >
<i <i
v-show="search" v-show="search"
...@@ -44,7 +51,17 @@ ...@@ -44,7 +51,17 @@
@click="handleClose" @click="handleClose"
></i> ></i>
</el-input> </el-input>
<el-button class="search-btn" @click="handleSearch"> <el-button
class="search-btn"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'home_search',
businessName: '首页搜索',
routers: $route,
}"
@click="handleSearch"
>
<span class="flex aic jcc"> <span class="flex aic jcc">
<img class="mr10" src="../../assets/img/sousuo.png" /> 搜索 <img class="mr10" src="../../assets/img/sousuo.png" /> 搜索
</span> </span>
...@@ -55,7 +72,16 @@ ...@@ -55,7 +72,16 @@
<img src="../../assets/img/icon_hot.png" /> <img src="../../assets/img/icon_hot.png" />
<span>热门词汇：</span> <span>热门词汇：</span>
</div> </div>
<div @click="handleClick($event)"> <div
@click="handleClick($event)"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'hot_words',
businessName: '热门词汇',
routers: $route,
}"
>
<vue-seamless-scroll <vue-seamless-scroll
:data="homeInfo.hotWords" :data="homeInfo.hotWords"
:class-option="optionLeft" :class-option="optionLeft"
...@@ -104,7 +130,18 @@ ...@@ -104,7 +130,18 @@
<img v-if="i < 3" :src="checkTopImg(i)" /> <img v-if="i < 3" :src="checkTopImg(i)" />
<span v-else>{{ i + 1 }}.</span> <span v-else>{{ i + 1 }}.</span>
</div> </div>
<p class="flex1" v-ellipsis @click="checkMaterial(v)"> <p
class="flex1"
v-ellipsis
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'hot_materials',
businessName: '热门表单',
routers: $route,
}"
@click="checkMaterial(v)"
>
{{ v.materialName ? v.materialName : v.materiaFullName }} {{ v.materialName ? v.materialName : v.materiaFullName }}
</p> </p>
</div> </div>
...@@ -114,7 +151,16 @@ ...@@ -114,7 +151,16 @@
</div> </div>
<div class="right flex flexc aic jcb"> <div class="right flex flexc aic jcb">
<div class="right-top flex aic jcb"> <div class="right-top flex aic jcb">
<router-link to="/matterList"> <router-link
to="/matterList"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'speed_check',
businessName: '快速查看',
routers: $route,
}"
>
<div class="fill-btn flex aic jcc pointer main-ksck-img"> <div class="fill-btn flex aic jcc pointer main-ksck-img">
<span class="fill-btn-text1">快</span> <span class="fill-btn-text1">快</span>
<span class="fill-btn-text2">速</span> <span class="fill-btn-text2">速</span>
...@@ -145,7 +191,18 @@ ...@@ -145,7 +191,18 @@
<img v-if="i < 3" :src="checkTopImg(i)" /> <img v-if="i < 3" :src="checkTopImg(i)" />
<span v-else>{{ i + 1 }}.</span> <span v-else>{{ i + 1 }}.</span>
</div> </div>
<p class="flex1" v-ellipsis @click="checkMatter(v)"> <p
class="flex1"
v-ellipsis
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'hot_matter',
businessName: '热门事项',
routers: $route,
}"
@click="checkMatter(v)"
>
{{ v.matterName ? v.matterName : v.matterFullName }} {{ v.matterName ? v.matterName : v.matterFullName }}
</p> </p>
</div> </div>
...@@ -187,7 +244,7 @@ ...@@ -187,7 +244,7 @@
<script> <script>
// import { getHomeInfo } from "@/api"; // import { getHomeInfo } from "@/api";
import MateralsList from "@/components/MateralsList.vue"; import MateralsList from "@/components/MateralsList.vue";
import { mapState } from "vuex"; import { mapState, mapMutations } from "vuex";
export default { export default {
components: { components: {
MateralsList, MateralsList,
...@@ -237,6 +294,7 @@ export default { ...@@ -237,6 +294,7 @@ export default {
}, },
}, },
methods: { methods: {
...mapMutations(["SET_operTime"]),
// 获取首页数据展示 // 获取首页数据展示
// async getHomeInfo() { // async getHomeInfo() {
// let res = await getHomeInfo({}); // let res = await getHomeInfo({});
...@@ -285,11 +343,14 @@ export default { ...@@ -285,11 +343,14 @@ export default {
}, },
// 查看材料列表 // 查看材料列表
checkMatter(row) { checkMatter(row) {
let time = this.$moment().format("YYYY-MM-DD HH:mm:ss");
this.SET_operTime(time);
this.matterInfo = row; this.matterInfo = row;
this.visible = true; this.visible = true;
}, },
// 查看材料 // 查看材料
checkMaterial(row) { checkMaterial(row) {
this.SET_operTime("");
this.$router.push({ this.$router.push({
path: "/showmaterials", path: "/showmaterials",
query: { query: {
......
sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue
View file @ 0381940e
...@@ -26,6 +26,13 @@ ...@@ -26,6 +26,13 @@
v-for="matter in matterList" v-for="matter in matterList"
:key="matter.id" :key="matter.id"
@click="handleCheck(matter)" @click="handleCheck(matter)"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'check_matter',
businessName: '查看事项',
routers: $route,
}"
> >
<div v-if="matter.isRecommend" class="hot-icon flex jcc aic"> <div v-if="matter.isRecommend" class="hot-icon flex jcc aic">
<i class="iconfont icon-hot"></i> <i class="iconfont icon-hot"></i>
...@@ -74,7 +81,7 @@ ...@@ -74,7 +81,7 @@
:key="'list' + item" :key="'list' + item"
></div> ></div>
</div> </div>
<YEmpty v-else width="400"></YEmpty> <YEmpty v-else width="200" text="暂无数据"></YEmpty>
<!-- 分页 --> <!-- 分页 -->
<div class="tac"> <div class="tac">
<el-pagination <el-pagination
...@@ -106,6 +113,7 @@ import SearchBox from "@/components/SearchBox.vue"; ...@@ -106,6 +113,7 @@ import SearchBox from "@/components/SearchBox.vue";
import MateralsList from "@/components/MateralsList.vue"; import MateralsList from "@/components/MateralsList.vue";
import YEmpty from "@/components/YEmpty.vue"; import YEmpty from "@/components/YEmpty.vue";
import { getSampleformMatterList, getMatterForFlownum } from "@/api"; import { getSampleformMatterList, getMatterForFlownum } from "@/api";
import { mapMutations } from "vuex";
export default { export default {
components: { components: {
Header, Header,
...@@ -142,6 +150,7 @@ export default { ...@@ -142,6 +150,7 @@ export default {
}, },
}, },
methods: { methods: {
...mapMutations(["SET_operTime"]),
// 区分搜索 // 区分搜索
async typeSearch() { async typeSearch() {
let reg = /^[\u4e00-\u9fa5]+$/; let reg = /^[\u4e00-\u9fa5]+$/;
...@@ -188,6 +197,8 @@ export default { ...@@ -188,6 +197,8 @@ export default {
}, },
// 查看 // 查看
handleCheck(row) { handleCheck(row) {
let time = this.$moment().format("YYYY-MM-DD HH:mm:ss");
this.SET_operTime(time);
this.matterInfo = row; this.matterInfo = row;
this.visible = true; this.visible = true;
}, },
...@@ -326,4 +337,4 @@ export default { ...@@ -326,4 +337,4 @@ export default {
font-size: 28px; font-size: 28px;
} }
} }
</style> </style>
\ No newline at end of file
sample-form-client-ui/admin/src/pages/showpage/MatterList.vue
View file @ 0381940e
...@@ -32,6 +32,13 @@ ...@@ -32,6 +32,13 @@
v-for="v in matterList" v-for="v in matterList"
:key="v.id" :key="v.id"
@click="handleCheck(v)" @click="handleCheck(v)"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'check_matter',
businessName: '查看事项',
routers: $route,
}"
> >
<div v-if="v.isRecommend" class="hot-icon flex jcc aic"> <div v-if="v.isRecommend" class="hot-icon flex jcc aic">
<i class="iconfont icon-hot"></i> <i class="iconfont icon-hot"></i>
...@@ -49,7 +56,7 @@ ...@@ -49,7 +56,7 @@
</div> </div>
</div> </div>
<!-- <el-empty class="empty" :image-size="200" v-else></el-empty> --> <!-- <el-empty class="empty" :image-size="200" v-else></el-empty> -->
<YEmpty v-else width="400"></YEmpty> <YEmpty v-else width="200" text="暂无数据"></YEmpty>
<!-- 分页 --> <!-- 分页 -->
<div class="tac"> <div class="tac">
<el-pagination <el-pagination
...@@ -83,6 +90,7 @@ import SearchBox from "@/components/SearchBox.vue"; ...@@ -83,6 +90,7 @@ import SearchBox from "@/components/SearchBox.vue";
import MateralsList from "../../components/MateralsList.vue"; import MateralsList from "../../components/MateralsList.vue";
import YEmpty from "@/components/YEmpty.vue"; import YEmpty from "@/components/YEmpty.vue";
import { getDeviceMatterList } from "@/api"; import { getDeviceMatterList } from "@/api";
import { mapMutations } from "vuex";
export default { export default {
components: { components: {
Header, Header,
...@@ -117,6 +125,7 @@ export default { ...@@ -117,6 +125,7 @@ export default {
}, },
}, },
methods: { methods: {
...mapMutations(["SET_operTime"]),
// 获取事项列表 // 获取事项列表
async getDeviceMatterList() { async getDeviceMatterList() {
let res = await getDeviceMatterList({ let res = await getDeviceMatterList({
...@@ -147,6 +156,8 @@ export default { ...@@ -147,6 +156,8 @@ export default {
this.getDeviceMatterList(); this.getDeviceMatterList();
}, },
handleCheck(row) { handleCheck(row) {
let time = this.$moment().format("YYYY-MM-DD HH:mm:ss");
this.SET_operTime(time);
this.matterInfo = row; this.matterInfo = row;
this.visible = true; this.visible = true;
}, },
......
sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue
View file @ 0381940e
...@@ -7,6 +7,13 @@ ...@@ -7,6 +7,13 @@
slot="right" slot="right"
class="back-home flex aic jcc ml20" class="back-home flex aic jcc ml20"
@click="handleBackHome" @click="handleBackHome"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'back_homepage',
businessName: '返回首页',
routers: $route,
}"
> >
<i class="iconfont icon-home mr10"></i> <i class="iconfont icon-home mr10"></i>
<span>首页</span> <span>首页</span>
...@@ -41,10 +48,30 @@ ...@@ -41,10 +48,30 @@
</div> </div>
<!-- 放大，缩小 --> <!-- 放大，缩小 -->
<div class="control-box"> <div class="control-box">
<div class="control-btn" @click="handleEnlargement"> <div
class="control-btn"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'expansion',
businessName: '放大表单',
routers: $route,
}"
@click="handleEnlargement"
>
<i class="el-icon-zoom-in"></i> <i class="el-icon-zoom-in"></i>
</div> </div>
<div class="control-btn" @click="handleShrink"> <div
class="control-btn"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'shrink',
businessName: '缩小表单',
routers: $route,
}"
@click="handleShrink"
>
<i class="el-icon-zoom-out"></i> <i class="el-icon-zoom-out"></i>
</div> </div>
</div> </div>
...@@ -52,7 +79,17 @@ ...@@ -52,7 +79,17 @@
<div class="sidebar-box" :class="{ show: !showSidebar }"> <div class="sidebar-box" :class="{ show: !showSidebar }">
<!-- 侧边内容 --> <!-- 侧边内容 -->
<div class="sidebar-main"> <div class="sidebar-main">
<div class="title flex jcc aic" @click="showSidebar = false"> <div
class="title flex jcc aic"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'hidden_sidebar',
businessName: '隐藏边栏',
routers: $route,
}"
@click="showSidebar = false"
>
<span class="mr30"> 样表展示 </span> <span class="mr30"> 样表展示 </span>
<span class="icon2"> <span class="icon2">
<i class="el-icon-d-arrow-left"></i> <i class="el-icon-d-arrow-left"></i>
...@@ -75,6 +112,13 @@ ...@@ -75,6 +112,13 @@
v-for="(v, i) in materailsList" v-for="(v, i) in materailsList"
:key="v.id" :key="v.id"
@click="changeIndex(v, i)" @click="changeIndex(v, i)"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'change_materials',
businessName: '切换表单',
routers: $route,
}"
> >
{{ v.materialName ? v.materialName : v.materiaFullName }} {{ v.materialName ? v.materialName : v.materiaFullName }}
<div class="line"></div> <div class="line"></div>
...@@ -87,6 +131,13 @@ ...@@ -87,6 +131,13 @@
class="sidebar-btn flex jcc aic" class="sidebar-btn flex jcc aic"
v-show="!showSidebar" v-show="!showSidebar"
@click="showSidebar = true" @click="showSidebar = true"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'show_sidebar',
businessName: '显示边栏',
routers: $route,
}"
> >
<div class="sidebar-btn-text flex flexc aic"> <div class="sidebar-btn-text flex flexc aic">
<span class="sidebar-btn-title"> 样表展示 </span> <span class="sidebar-btn-title"> 样表展示 </span>
...@@ -107,6 +158,7 @@ ...@@ -107,6 +158,7 @@
import Header from "@/components/Header.vue"; import Header from "@/components/Header.vue";
import { getMaterialsList, checkMaterials } from "@/api"; import { getMaterialsList, checkMaterials } from "@/api";
import local from "@/utils/local"; import local from "@/utils/local";
import { mapGetters } from "vuex";
// import Hammer from "hammerjs"; // import Hammer from "hammerjs";
export default { export default {
components: { components: {
...@@ -126,6 +178,9 @@ export default { ...@@ -126,6 +178,9 @@ export default {
width: 800, width: 800,
}; };
}, },
computed: {
...mapGetters(["operTime"]),
},
created() { created() {
this.getMaterialsList(); this.getMaterialsList();
// this.materailsList=this.matterInfo.matterDatumList; // this.materailsList=this.matterInfo.matterDatumList;
...@@ -202,6 +257,7 @@ export default { ...@@ -202,6 +257,7 @@ export default {
matterFullName, matterFullName,
materialName, materialName,
materialFullName, materialFullName,
operTime: this.operTime ? this.operTime : null,
}); });
}, },
// 切换材料 // 切换材料
...@@ -432,4 +488,4 @@ export default { ...@@ -432,4 +488,4 @@ export default {
} }
} }
} }
</style> </style>
\ No newline at end of file
sample-form-client-ui/admin/src/pages/showpage/components/LeftMenus.vue
View file @ 0381940e
...@@ -7,6 +7,13 @@ ...@@ -7,6 +7,13 @@
v-for="(v, i) in deptList" v-for="(v, i) in deptList"
:key="v.deptCode" :key="v.deptCode"
@click="changeDept(v.deptCode, i)" @click="changeDept(v.deptCode, i)"
v-onEvent="{
eventName: '点击',
eventCode: 'Click',
businessCode: 'change_dept',
businessName: '切换部门',
routers: $route,
}"
> >
<div class="dept-name"> <div class="dept-name">
{{ v.deptAbb ? v.deptAbb : v.name }} {{ v.deptAbb ? v.deptAbb : v.name }}
......
sample-form-client-ui/admin/src/router/index.js
View file @ 0381940e
...@@ -9,14 +9,13 @@ VueRouter.prototype.push = function (location) { ...@@ -9,14 +9,13 @@ VueRouter.prototype.push = function (location) {
Vue.use(VueRouter); Vue.use(VueRouter);
const routes = [ const routes = [
{
path: "/",
redirect: "/home",
},
// 首页 // 首页
{ {
path: "/home", path: "/",
component: () => import("@/pages/home/Home.vue"), component: () => import("@/pages/home/Home.vue"),
meta: {
name: "首页",
},
}, },
// 快速查看 // 快速查看
...@@ -27,6 +26,9 @@ const routes = [ ...@@ -27,6 +26,9 @@ const routes = [
{ {
path: "", path: "",
component: () => import("@/pages/showpage/MatterList.vue"), component: () => import("@/pages/showpage/MatterList.vue"),
meta: {
name: "快速查看",
},
}, },
], ],
}, },
...@@ -38,6 +40,9 @@ const routes = [ ...@@ -38,6 +40,9 @@ const routes = [
{ {
path: "", path: "",
component: () => import("@/pages/searchpage/SearchPage.vue"), component: () => import("@/pages/searchpage/SearchPage.vue"),
meta: {
name: "快速搜索",
},
}, },
], ],
}, },
...@@ -49,6 +54,9 @@ const routes = [ ...@@ -49,6 +54,9 @@ const routes = [
{ {
path: "", path: "",
component: () => import("@/pages/showpage/MatterIfy.vue"), component: () => import("@/pages/showpage/MatterIfy.vue"),
meta: {
name: "事项分类",
},
}, },
], ],
}, },
...@@ -60,6 +68,9 @@ const routes = [ ...@@ -60,6 +68,9 @@ const routes = [
{ {
path: "", path: "",
component: () => import("@/pages/showpage/ShowMaterials.vue"), component: () => import("@/pages/showpage/ShowMaterials.vue"),
meta: {
name: "材料展示",
},
}, },
], ],
}, },
......
sample-form-client-ui/admin/src/store/index.js
View file @ 0381940e
...@@ -14,6 +14,7 @@ export default new Vuex.Store({ ...@@ -14,6 +14,7 @@ export default new Vuex.Store({
deviceCode: "", // 设备编码 deviceCode: "", // 设备编码
times: 300, // 倒计时时间 times: 300, // 倒计时时间
defaultTimes: 300, // 倒计时时间 defaultTimes: 300, // 倒计时时间
operTime: "", // 样表打开时间
}, },
getters: { getters: {
deviceCode(state) { deviceCode(state) {
...@@ -25,8 +26,14 @@ export default new Vuex.Store({ ...@@ -25,8 +26,14 @@ export default new Vuex.Store({
defaultTimes(state) { defaultTimes(state) {
return state.defaultTimes; return state.defaultTimes;
}, },
operTime(state) {
return state.operTime;
},
}, },
mutations: { mutations: {
SET_operTime(state, operTime) {
state.operTime = operTime;
},
SET_devicenum(state, devicenum) { SET_devicenum(state, devicenum) {
state.devicenum = devicenum; state.devicenum = devicenum;
}, },
......
sample-form-client-ui/admin/src/utils/vue-statistics.js 0 → 100644
View file @ 0381940e
import html2canvas from "html2canvas";
import { burySave, screenSave } from "@/api";
let routerArr = []; //每次流程路径
let lastRouterArr = []; //上一次流程路径
let putStartTime = null;
export default {
install(Vue, options) {
const { router } = options;
// 监听路由数据
router.beforeEach((to, from, next) => {
document.title = to.meta.name || "";
next();
// 统计路由次数
const { path, meta } = to;
if (path == "/" || path == "/home") {
lastRouterArr = routerArr;
routerArr = [];
} else {
lastRouterArr = [];
}
// 保存每次流程
routerArr.push({
//页面路由信息
sourceCode: from.path || "/", //开始页面编码（路由）
sourceName: from.meta.name || "首页", //开始页面名称
targetCode: path, //目标页面编码（路由）
targetName: meta.name, //目标页面名称
});
// 后台桑基图请求数据
try {
let { productId } = JSON.parse(localStorage.getItem("deviceInfo"));
if (!productId) return; //未获取设备信息取消
burySave({
// "deviceNum":"",
// "productId": "",//产品id
// "productName": "",//产品名称
pageCode: path, //页面编码（页面路由）
pageName: meta.name, //页面名称
// "sceneDepth": 1,//场景维度
depthValue: lastRouterArr.length > 0 ? lastRouterArr.length : "", //本次访问深度 每次回到首页为每次流程
depthArr: lastRouterArr.length > 0 ? lastRouterArr : [],
// "eventInfo": {//页面事件信息
// "businessCode": '',//业务场景编码
// "businessName": '',//业务场景名称
// // "eventCode": "u9xo59",//事件编码
// // "eventName": "ku7l71",//事件名称
// // "takeTime": 12345,//事件耗时（单位毫秒）
// "coordinate": `${event.pageX},${event.pageY}`//事件坐标(x,y)
// },
routeInfo: {
//页面路由信息
sourceCode: from.path || "/", //开始页面编码（路由）
sourceName: from.meta.name || "首页", //开始页面名称
targetCode: path, //目标页面编码（路由）
targetName: meta.name, //目标页面名称
},
});
} catch (error) {}
});
// 封装事件埋点
Vue.directive("onEvent", {
bind: (el, bindings) => {
const { businessCode, businessName, eventCode, eventName, routers } =
bindings.value;
if (eventCode == "Click") {
el.addEventListener("click", (event) => {
const { meta, path } = routers;
try {
burySave({
// "deviceNum":"",//设备编码
// "productId": "",//产品id
// "productName": "",//产品名称
pageCode: path, //页面编码（页面路由）
pageName: meta.name, //页面名称
// "sceneDepth": 1,//场景维度
// "depthValue": 1,//本次访问深度
eventInfo: {
//页面事件信息
businessCode: businessCode, //业务场景编码
businessName: businessName, //业务场景名称
eventCode: eventCode, //事件编码
eventName: eventName, //事件名称
takeTime: 1000, //事件耗时（单位毫秒）
coordinate: `${event.pageX},${event.pageY}`, //事件坐标(x,y)生成热力图
},
// "routeInfo": {//页面路由信息
// "sourceCode": "6mq7ry",//开始页面编码（路由）
// "sourceName": "fxb3mk",//开始页面名称
// "targetCode": "fzrr3u",//目标页面编码（路由）
// "targetName": "fzrr3u"//目标页面名称
// }
});
} catch (error) {}
});
}
if (eventCode == "Put") {
let input = el.querySelector("input");
input.addEventListener("blur", (event) => {
let endPutTime = new Date();
const { meta, path } = routers;
try {
burySave({
// "deviceNum":"",//设备编码
// "productId": "",//产品id
// "productName": "",//产品名称
pageCode: path, //页面编码（页面路由）
pageName: meta.name, //页面名称
// "sceneDepth": 1,//场景维度
// "depthValue": 1,//本次访问深度
eventInfo: {
//页面事件信息
businessCode: businessCode, //业务场景编码
businessName: businessName, //业务场景名称
eventCode: eventCode, //事件编码
eventName: eventName, //事件名称
takeTime: endPutTime - putStartTime, //事件耗时（单位毫秒）
},
// "routeInfo": {//页面路由信息
// "sourceCode": "6mq7ry",//开始页面编码（路由）
// "sourceName": "fxb3mk",//开始页面名称
// "targetCode": "fzrr3u",//目标页面编码（路由）
// "targetName": "fzrr3u"//目标页面名称
// }
});
} catch (error) {}
});
input.addEventListener("focus", (event) => {
putStartTime = new Date();
console.log(event, putStartTime, "@@@@@");
});
}
},
});
// 封装函数
Vue.prototype.$onEvent = function (obj) {
const {
businessCode,
businessName,
eventCode,
eventName,
routers,
takeTime,
} = obj;
const { meta, path } = routers;
try {
burySave({
// "deviceNum":"",//设备编码
// "productId": "",//产品id
// "productName": "",//产品名称
pageCode: path, //页面编码（页面路由）
pageName: meta.name, //页面名称
// "sceneDepth": 1,//场景维度
// "depthValue": 1,//本次访问深度
eventInfo: {
//页面事件信息
businessCode: businessCode, //业务场景编码
businessName: businessName, //业务场景名称
eventCode: eventCode, //事件编码
eventName: eventName, //事件名称
takeTime: takeTime || 1000, //事件耗时（单位毫秒）
// "coordinate": ``//事件坐标(x,y)生成热力图
},
// "routeInfo": {//页面路由信息
// "sourceCode": "6mq7ry",//开始页面编码（路由）
// "sourceName": "fxb3mk",//开始页面名称
// "targetCode": "fzrr3u",//目标页面编码（路由）
// "targetName": "fzrr3u"//目标页面名称
// }
});
} catch (error) {}
};
// 热力图背景图生成
const rightDom = document.createElement("div");
rightDom.style.width = "200px";
rightDom.style.height = "100px";
rightDom.style.zIndex = 999;
rightDom.style.position = "fixed";
rightDom.style.top = 0;
rightDom.style.right = "50%";
rightDom.style.marginRight = "-100px";
document.body.appendChild(rightDom);
rightDom.addEventListener("dblclick", function () {
const { meta, fullPath } = router.app.$route;
html2canvas(document.body, {
backgroundColor: null,
allowTaint: false,
useCORS: true,
shadow: false,
}).then((canvas) => {
try {
screenSave({
// "deviceNum":"",//设备编码
// "productId": "",//产品id
// "productName": "",//产品名称
pageCode: fullPath, //页面编码（页面路由）
pageName: meta.name, //页面名称
screenUrl: canvas.toDataURL("image/png"),
});
} catch (error) {}
});
});
},
};
sample-form-client-ui/admin/yarn.lock
View file @ 0381940e
...@@ -2148,6 +2148,11 @@ balanced-match@^1.0.0: ...@@ -2148,6 +2148,11 @@ balanced-match@^1.0.0:
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw== integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
base64-arraybuffer@^1.0.2:
version "1.0.2"
resolved "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz#1c37589a7c4b0746e34bd1feb951da2df01c1bdc"
integrity sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==
base64-js@^1.3.1: base64-js@^1.3.1:
version "1.5.1" version "1.5.1"
resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a" resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
...@@ -3037,6 +3042,13 @@ css-declaration-sorter@^6.3.0: ...@@ -3037,6 +3042,13 @@ css-declaration-sorter@^6.3.0:
resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz#be5e1d71b7a992433fb1c542c7a1b835e45682ec" resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz#be5e1d71b7a992433fb1c542c7a1b835e45682ec"
integrity sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w== integrity sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==
css-line-break@^2.1.0:
version "2.1.0"
resolved "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz#bfef660dfa6f5397ea54116bb3cb4873edbc4fa0"
integrity sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==
dependencies:
utrie "^1.0.2"
css-loader@^3.5.3: css-loader@^3.5.3:
version "3.6.0" version "3.6.0"
resolved "https://registry.npmmirror.com/css-loader/-/css-loader-3.6.0.tgz#2e4b2c7e6e2d27f8c8f28f61bffcd2e6c91ef645" resolved "https://registry.npmmirror.com/css-loader/-/css-loader-3.6.0.tgz#2e4b2c7e6e2d27f8c8f28f61bffcd2e6c91ef645"
...@@ -4800,6 +4812,14 @@ html-webpack-plugin@^5.1.0: ...@@ -4800,6 +4812,14 @@ html-webpack-plugin@^5.1.0:
pretty-error "^4.0.0" pretty-error "^4.0.0"
tapable "^2.0.0" tapable "^2.0.0"
html2canvas@^1.4.1:
version "1.4.1"
resolved "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz#7cef1888311b5011d507794a066041b14669a543"
integrity sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==
dependencies:
css-line-break "^2.1.0"
text-segmentation "^1.0.3"
htmlparser2@^3.8.3: htmlparser2@^3.8.3:
version "3.10.1" version "3.10.1"
resolved "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f" resolved "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
...@@ -9104,6 +9124,13 @@ terser@^5.10.0, terser@^5.14.1: ...@@ -9104,6 +9124,13 @@ terser@^5.10.0, terser@^5.14.1:
commander "^2.20.0" commander "^2.20.0"
source-map-support "~0.5.20" source-map-support "~0.5.20"
text-segmentation@^1.0.3:
version "1.0.3"
resolved "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz#52a388159efffe746b24a63ba311b6ac9f2d7943"
integrity sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==
dependencies:
utrie "^1.0.2"
text-table@^0.2.0, text-table@~0.2.0: text-table@^0.2.0, text-table@~0.2.0:
version "0.2.0" version "0.2.0"
resolved "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" resolved "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
...@@ -9504,6 +9531,13 @@ utils-merge@1.0.1: ...@@ -9504,6 +9531,13 @@ utils-merge@1.0.1:
resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713" resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA== integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
utrie@^1.0.2:
version "1.0.2"
resolved "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz#d42fe44de9bc0119c25de7f564a6ed1b2c87a645"
integrity sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==
dependencies:
base64-arraybuffer "^1.0.2"
uuid@^3.3.2, uuid@^3.3.3: uuid@^3.3.2, uuid@^3.3.3:
version "3.4.0" version "3.4.0"
resolved "https://registry.npmmirror.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee" resolved "https://registry.npmmirror.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
......
sample-form-manager-ui/admin/.env
View file @ 0381940e
#门户 #门户
VUE_APP_API_portal_URL=http://192.168.0.98:11072 VUE_APP_API_portal_URL=http://192.168.0.98:11072
# 系统名称
VUE_APP_sysName = '数字化样表系统'
sample-form-manager-ui/admin/package.json
View file @ 0381940e
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
"beautifier": "^0.1.7", "beautifier": "^0.1.7",
"clipboard": "^2.0.4", "clipboard": "^2.0.4",
"core-js": "^3.8.3", "core-js": "^3.8.3",
"crypto-js": "^4.1.1",
"css-loader": "^3.5.3", "css-loader": "^3.5.3",
"element-china-area-data": "^5.0.2", "element-china-area-data": "^5.0.2",
"element-ui": "^2.15.10", "element-ui": "^2.15.10",
......
sample-form-manager-ui/admin/public/index.html
View file @ 0381940e
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>样表管理系统</title> <title></title>
</head> </head>
<body> <body>
<noscript> <noscript>
......
sample-form-manager-ui/admin/src/api/device.js
View file @ 0381940e
...@@ -63,3 +63,12 @@ export const saveDeviceEnable = (data) => { ...@@ -63,3 +63,12 @@ export const saveDeviceEnable = (data) => {
data, data,
}); });
}; };
// 删除设备
export const delDevice = (params) => {
return request({
url: `/sampleform/device/delete`,
method: "get",
params,
});
};
sample-form-manager-ui/admin/src/assets/css/common.less
View file @ 0381940e
...@@ -30,12 +30,25 @@ ...@@ -30,12 +30,25 @@
.bgg { .bgg {
background-color: #1bbc9b; background-color: #1bbc9b;
} }
.bgw{
background-color: #fff;
}
/* 版心 */ /* 版心 */
.container { .container {
width: 1200px; width: 1200px;
} }
.container_width {
width: 1880px;
}
.container_height {
height: 820px;
}
.w-full{
width:100%;
}
.h-full{
height:100%
}
/* 弹性布局 */ /* 弹性布局 */
.flex { .flex {
display: flex; display: flex;
...@@ -129,7 +142,9 @@ ...@@ -129,7 +142,9 @@
.ml25 { .ml25 {
margin-left: 25px; margin-left: 25px;
} }
.mr5 {
margin-right: 5px;
}
.mr10 { .mr10 {
margin-right: 10px; margin-right: 10px;
} }
...@@ -304,22 +319,6 @@ ...@@ -304,22 +319,6 @@
text-align: right; text-align: right;
} }
/* title */
.color_title {
margin-left: 15px;
position: relative;
margin-bottom: 15px;
}
.color_title::before {
content: "";
width: 4px;
height: 20px;
position: absolute;
top: 0px;
left: -16px;
background-color: #1890ff;
}
/** /**
element-ui element-ui
*/ */
...@@ -351,9 +350,12 @@ ...@@ -351,9 +350,12 @@
.gutter { .gutter {
width: 6px !important; width: 6px !important;
} }
.auto-scroll{
overflow-y: auto;
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 6px; width: 6px;
height: 6px;
overflow-y: auto; overflow-y: auto;
} }
...@@ -364,7 +366,7 @@ ...@@ -364,7 +366,7 @@
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
border-radius: 6px; border-radius: 6px;
background: rgba(0, 0, 0, 0); background: rbga(0, 0, 0, 0);
} }
.autoWidth { .autoWidth {
...@@ -387,29 +389,47 @@ ...@@ -387,29 +389,47 @@
.el-tooltip__popper { .el-tooltip__popper {
max-width: 20%; max-width: 20%;
} }
.el-drawer__header{ .el-drawer__header {
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }
.el-drawer__body{ .el-drawer__body {
border-top:1px solid #ececec; border-top: 1px solid #ececec;
} }
.el-button--primary{ .el-button--primary {
background: linear-gradient(90deg, #5ab6ff, #2e9aff) !important; background: linear-gradient(90deg, #5ab6ff, #2e9aff) !important;
border: none !important; border: none !important;
border-color: transparent !important; border-color: transparent !important;
} }
.el-dialog__header{ .el-dialog__header {
.el-dialog__title{ .el-dialog__title {
color: #1890FF !important; color: #1890ff !important;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
} }
.el-dialog__close{ .el-dialog__close {
color: #188fff !important; color: #188fff !important;
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
} }
} }
.el-pagination__jump{ .el-pagination__jump {
margin-left: 0px !important; margin-left: 0px !important;
} }
\ No newline at end of file .el-tabs__nav-scroll {
padding-left: 15px;
.tab-label {
font-weight: bold;
color: rgba(0, 0, 0, 0.65);
}
.is-active {
.tab-label {
color:#2681e8
}
}
}
.el-tabs__header{
margin: 0px !important;
}
// .el-tabs__content {
// padding: 0px 15px 15px 15px;
// }
sample-form-manager-ui/admin/src/components/TabHeader.vue 0 → 100644
View file @ 0381940e
<template>
<div class="tab-header">
<i v-if="icon" :class="['mr5', 'primary', icon]"></i>
<span class="label">{{ label }}</span>
</div>
</template>
<script>
export default {
props: {
icon: {
type: String,
default: "",
},
label: {
type: String,
default: "",
},
},
};
</script>
<style lang="less" scoped>
.tab-header {
display: flex;
align-items: center;
width: 100%;
height: 40px;
padding: 0px 15px;
font-size: 14px;
position: relative;
cursor: default;
&::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #e4e7ed;
z-index: 1;
}
.label {
font-weight: bold;
color: rgba(0, 0, 0, 0.65);
}
}
</style>
\ No newline at end of file
sample-form-manager-ui/admin/src/pages/hardware/NumberWriteDevice.vue
View file @ 0381940e
<template> <template>
<div class="device"> <div class="device bgw flex flexc">
<el-card shadow="never"> <TabHeader icon="el-icon-notebook-2" label="数字样表设备"></TabHeader>
<div slot="header"> <div class="flex1 pd15 auto-scroll">
<span>样表设备</span>
</div>
<TableHeader> <TableHeader>
<div slot="left"> <div slot="left">
<!-- <el-button size="small" type="primary" @click="handleAdd" <!-- <el-button size="small" type="primary" @click="handleAdd"
...@@ -141,7 +139,7 @@ ...@@ -141,7 +139,7 @@
</el-table-column> </el-table-column>
<el-table-column align="center" prop="deviceRemark" label="备注"> <el-table-column align="center" prop="deviceRemark" label="备注">
</el-table-column> </el-table-column>
<el-table-column align="center" label="操作" width="160"> <el-table-column align="center" label="操作" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="flex jca"> <div class="flex jca">
<span <span
...@@ -162,9 +160,9 @@ ...@@ -162,9 +160,9 @@
<span class="primary pointer" @click="handleEdit(scope.row)" <span class="primary pointer" @click="handleEdit(scope.row)"
>编辑</span >编辑</span
> >
<!-- <span class="delete pointer" @click="handleDel(scope.row.id)" <span class="delete pointer" @click="handleDel(scope.row.id)"
>删除</span >删除</span
> --> >
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -177,7 +175,8 @@ ...@@ -177,7 +175,8 @@
@currentChange="changePagination" @currentChange="changePagination"
@sizeChange="changeSize" @sizeChange="changeSize"
></Pagination> ></Pagination>
</el-card> </div>
<!-- 新增设备 --> <!-- 新增设备 -->
<AddDevice <AddDevice
:dict="dict" :dict="dict"
...@@ -196,10 +195,12 @@ import TableHeader from "@/components/TableHeader.vue"; ...@@ -196,10 +195,12 @@ import TableHeader from "@/components/TableHeader.vue";
import Pagination from "@/components/Pagination.vue"; import Pagination from "@/components/Pagination.vue";
import AddMatter from "./modal/AddMatter.vue"; import AddMatter from "./modal/AddMatter.vue";
import AddDevice from "./modal/AddDevice.vue"; import AddDevice from "./modal/AddDevice.vue";
import TabHeader from "@/components/TabHeader.vue";
import { import {
getDeviceList, getDeviceList,
saveDeviceEnable, saveDeviceEnable,
saveDeviceActive, saveDeviceActive,
delDevice,
} from "@/api/device"; } from "@/api/device";
import local from "@/utils/local"; import local from "@/utils/local";
export default { export default {
...@@ -208,6 +209,7 @@ export default { ...@@ -208,6 +209,7 @@ export default {
AddDevice, AddDevice,
AddMatter, AddMatter,
Pagination, Pagination,
TabHeader,
}, },
data() { data() {
return { return {
...@@ -326,7 +328,12 @@ export default { ...@@ -326,7 +328,12 @@ export default {
type: "warning", type: "warning",
}) })
.then(async () => { .then(async () => {
console.log(id); let res = await delDevice({ id });
let { code, msg } = res.data;
if (code == 1) {
this.$message.success(msg);
this.getDeviceList();
}
}) })
.catch(() => { .catch(() => {
console.log("取消成功！"); console.log("取消成功！");
...@@ -359,11 +366,7 @@ export default { ...@@ -359,11 +366,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.device { .device {
width: 100%; width: 100%;
min-height: 100%; height: 100%;
display: flex;
:deep(.el-card) {
height: auto;
}
.select { .select {
width: 220px !important; width: 220px !important;
} }
......
sample-form-manager-ui/admin/src/pages/hardware/modal/AddDevice.vue
View file @ 0381940e
...@@ -159,10 +159,10 @@ ...@@ -159,10 +159,10 @@
</el-row> </el-row>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="small" @click="handleReset">重 置</el-button>
<el-button size="small" type="primary" @click="handleOk" <el-button size="small" type="primary" @click="handleOk"
>确 定</el-button >确 定</el-button
> >
<el-button size="small" @click="handleReset">重 置</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
......
sample-form-manager-ui/admin/src/pages/jump/jump.vue
View file @ 0381940e
...@@ -4,6 +4,8 @@ ...@@ -4,6 +4,8 @@
<script> <script>
import local from "@/utils/local"; import local from "@/utils/local";
import { mapMutations } from "vuex";
import { calcMenu } from "@/router";
// import { getSiteTree } from "@/services/businessMatter"; // import { getSiteTree } from "@/services/businessMatter";
export default { export default {
data() { data() {
...@@ -15,55 +17,17 @@ export default { ...@@ -15,55 +17,17 @@ export default {
this.getInfo(); this.getInfo();
}, },
methods: { methods: {
// 扁平化树形结构 ...mapMutations(["SET_sysName", "SET_sysLogo", "SET_token", "SET_path"]),
// extractTree(arrs, childs, attrArr) {
// let attrList = [];
// if (!Array.isArray(arrs) && !arrs.length) return [];
// if (typeof childs !== "string") return [];
// if (
// !Array.isArray(attrArr) ||
// (Array.isArray(attrArr) && !attrArr.length)
// ) {
// attrList = Object.keys(arrs[0]);
// attrList.splice(attrList.indexOf(childs), 1);
// attrList.splice(attrList.indexOf("isLeaf"), 1);
// } else {
// attrList = attrArr;
// }
// let list = [];
// const getObj = (arr) => {
// arr.forEach(function (row) {
// let obj = {};
// attrList.forEach((item) => {
// obj[item] = row[item];
// });
// list.push(obj);
// if (row[childs]) {
// getObj(row[childs]);
// }
// });
// return list;
// };
// return getObj(arrs);
// },
// 获取token和站点信息 // 获取token和站点信息
async getInfo() { async getInfo() {
let token = this.$route.query.token; let { token, siteid, sysName, sysLogo, path } = this.$route.query;
let siteid = this.$route.query.siteid;
if (token) { if (token) {
local.setLocal("sampleToken", token);
// let res = await getSiteTree({});
// let { siteTree } = res.data.data;
// let siteList = this.extractTree(siteTree, "children").filter(
// (v) => v.type === "site"
// );
// let arr = siteList.filter((v) => v.id == siteid);
// let siteInfo = {
// siteName: arr[0].label,
// siteid: arr[0].id,
// };
// local.setLocal("siteInfo", siteInfo);
local.setLocal("sampleSiteId", siteid); local.setLocal("sampleSiteId", siteid);
this.SET_token(token);
this.SET_sysName(sysName);
this.SET_sysLogo(sysLogo);
this.SET_path(path);
calcMenu();
this.$router.push("/basicsset"); this.$router.push("/basicsset");
} else { } else {
this.$message.warning("跳转失败，请重新登录"); this.$message.warning("跳转失败，请重新登录");
......
sample-form-manager-ui/admin/src/pages/layouts/Layouts.vue
View file @ 0381940e
...@@ -21,8 +21,23 @@ ...@@ -21,8 +21,23 @@
> >
</el-breadcrumb> </el-breadcrumb>
</div> --> </div> -->
<div class="out-box flex1"> <div class="main flex1 flex flexc">
<router-view></router-view> <!-- <el-tabs :value="activeKey" @tab-click="changeRouter">
<el-tab-pane v-for="v in subMenus" :key="v.path" :name="v.path">
<template slot="label">
<i v-if="v.meta.icon" :class="['mr5', 'primary', v.meta.icon]"></i>
<span class="tab-label">{{ v.meta.title }}</span>
</template>
</el-tab-pane>
</el-tabs> -->
<div class="out-box flex1">
<keep-alive>
<!-- 需要缓存的视图组件 -->
<router-view v-if="$route.meta.keepAlive"> </router-view>
</keep-alive>
<!-- 不需要缓存的视图组件 -->
<router-view v-if="!$route.meta.keepAlive"> </router-view>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -30,28 +45,38 @@ ...@@ -30,28 +45,38 @@
<script> <script>
import Header from "./components/Header.vue"; import Header from "./components/Header.vue";
import { getdeptList } from "@/api/department"; import { getdeptList } from "@/api/department";
import { mapMutations } from "vuex"; import { mapMutations, mapState } from "vuex";
import local from "@/utils/local"; import local from "@/utils/local";
import { findBottomSubarrays } from "@/utils";
export default { export default {
components: { components: {
Header, Header,
}, },
data() { data() {
return { return {
systemName: process.env.VUE_APP_sysName,
portalUrl: process.env.VUE_APP_API_portal_URL, portalUrl: process.env.VUE_APP_API_portal_URL,
breads: [], breads: [],
subMenus: [],
}; };
}, },
created() { created() {
this.calcBreads(); // this.getSubMenus();
document.title = this.sysName ? this.sysName : this.systemName; // 设置项目标题
// this.calcBreads();
this.getdeptList(); this.getdeptList();
}, },
watch: { // watch: {
"$route.path"() { // "$route.path"() {
this.calcBreads(); // this.calcBreads();
// },
// },
computed: {
...mapState(["sysName"]),
activeKey() {
return this.$route.path;
}, },
}, },
computed: {},
methods: { methods: {
...mapMutations(["SET_deptList"]), ...mapMutations(["SET_deptList"]),
// 计算面包屑 // 计算面包屑
...@@ -67,6 +92,18 @@ export default { ...@@ -67,6 +92,18 @@ export default {
this.breads = [...temp, ...r]; this.breads = [...temp, ...r];
}, },
// 获取当前顶层路由下的所有子路由
getSubMenus() {
let path = this.$route?.meta.activeMenu
? this.$route.meta.activeMenu
: this.$route.path;
let options = this.$router.options.routes[0].children;
let curRouters = options.filter((v) => v.path == path);
this.subMenus = findBottomSubarrays(curRouters).filter(
(v) => !v.meta.hidden
);
},
// 获取部门列表 // 获取部门列表
async getdeptList() { async getdeptList() {
let res = await getdeptList({ let res = await getdeptList({
...@@ -81,6 +118,10 @@ export default { ...@@ -81,6 +118,10 @@ export default {
this.SET_deptList(data.data); this.SET_deptList(data.data);
} }
}, },
changeRouter(e) {
this.$router.push(e.name);
},
}, },
}; };
</script> </script>
...@@ -88,18 +129,24 @@ export default { ...@@ -88,18 +129,24 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.layouts { .layouts {
width: 100%; width: 100%;
min-width: 1620px; // min-width: 1620px;
height: 100%; height: 100%;
padding-bottom: 10px; padding-bottom: 15px;
// .crumbs { // .crumbs {
// margin: 10px 0px; // margin: 10px 0px;
// width: 98%; // width: 98%;
// } // }
.out-box {
.main {
width: 98%; width: 98%;
margin-top: 10px; margin-top: 15px;
// padding-bottom: 15px;
border-radius: 4px; border-radius: 4px;
background-color: #fff; overflow-y: auto;
// background-color: #fff;
}
.out-box {
// padding: 15px;
overflow-y: auto; overflow-y: auto;
} }
} }
......
sample-form-manager-ui/admin/src/pages/layouts/components/Header.vue
View file @ 0381940e
...@@ -2,13 +2,14 @@ ...@@ -2,13 +2,14 @@
<div class="header flex aic jcb"> <div class="header flex aic jcb">
<div class="left flex aic"> <div class="left flex aic">
<img <img
class="pointer mr10" class="pointer mr10 logo"
width="32" :src="sysLogo ? api + sysLogo : require('@/assets/img/logo.png')"
src="../../../assets/img/logo.png"
alt="LOGO" alt="LOGO"
@click="handleGoHome" @click="handleGoHome"
/> />
<h1 class="title pointer" @click="handleGoHome">样表管理系统</h1> <h1 class="title pointer" @click="handleGoHome">
{{ sysName ? sysName : systemName }}
</h1>
<HeaderSite class="mr50 ml20"></HeaderSite> <HeaderSite class="mr50 ml20"></HeaderSite>
<!-- 导航 --> <!-- 导航 -->
<el-menu <el-menu
...@@ -17,16 +18,43 @@ ...@@ -17,16 +18,43 @@
router router
text-color="rgba(254, 254, 254, 0.65)" text-color="rgba(254, 254, 254, 0.65)"
> >
<el-menu-item v-for="v in meuns" :key="v.path" :index="v.path"> <template v-for="v in menus">
<!-- 有子路由 -->
<el-submenu
v-if="!v.hideChildrenInMenu && v.children && v.children.length"
:key="'a' + v.path"
:index="v.path"
>
<template slot="title">
<i v-if="v.meta && v.meta.icon" :class="v.meta.icon"></i>
{{ v.meta.title }}
</template>
<el-menu-item
v-for="item in v.children"
:key="item.path"
:index="item.path"
>
<i v-if="item.meta && item.meta.icon" :class="item.meta.icon"></i>
{{ item.meta && item.meta.title }}
</el-menu-item>
</el-submenu>
<!-- 单个路由 -->
<el-menu-item v-else :key="v.path" :index="v.path">
<i v-if="v.meta && v.meta.icon" :class="v.meta.icon"></i>
{{ v.meta.title }}
</el-menu-item>
</template>
<!-- <el-menu-item v-for="v in menus" :key="v.path" :index="v.path">
<i :class="v.meta.icon"></i> <i :class="v.meta.icon"></i>
{{ v.meta.title }} {{ v.meta.title }}
</el-menu-item> </el-menu-item> -->
</el-menu> </el-menu>
</div> </div>
<!-- 返回门户 --> <!-- 返回门户 -->
<div class="back-btn"> <div class="back-btn">
<el-tooltip effect="dark" content="返回门户" placement="bottom"> <el-tooltip effect="dark" content="返回门户" placement="bottom">
<a class="pointer" :href="portal"> <a class="pointer" :href="portal + (path ? path : '')">
<i class="el-icon-s-home"></i> 返回门户 <i class="el-icon-s-home"></i> 返回门户
</a> </a>
</el-tooltip> </el-tooltip>
...@@ -36,13 +64,16 @@ ...@@ -36,13 +64,16 @@
<script> <script>
import HeaderSite from "./HeaderSite.vue"; import HeaderSite from "./HeaderSite.vue";
import { mapState } from "vuex";
export default { export default {
components: { components: {
HeaderSite, HeaderSite,
}, },
data() { data() {
return { return {
portal: process.env.VUE_APP_API_portal_URL + "/#/home/siteArrange", systemName: process.env.VUE_APP_sysName,
api: process.env.VUE_APP_API_IMG_URL,
portal: process.env.VUE_APP_API_portal_URL + "/#",
}; };
}, },
computed: { computed: {
...@@ -54,9 +85,7 @@ export default { ...@@ -54,9 +85,7 @@ export default {
} }
return path; return path;
}, },
meuns() { ...mapState(["menus", "sysName", "sysLogo", "path"]),
return this.$store.state.menus;
},
}, },
created() {}, created() {},
methods: { methods: {
...@@ -75,8 +104,17 @@ export default { ...@@ -75,8 +104,17 @@ export default {
// background-color: #2681e8; // background-color: #2681e8;
background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%); background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
color: #fff; color: #fff;
flex-shrink: 0;
.logo {
height: 32px;
object-fit: contain;
}
.left {
height: 100%;
}
.title { .title {
font-size: 20px; max-width: 200px;
font-size: 18px;
} }
.back-btn { .back-btn {
a { a {
...@@ -86,31 +124,66 @@ export default { ...@@ -86,31 +124,66 @@ export default {
} }
} }
/deep/.el-menu { /deep/.el-menu {
height: 64px !important;
border: none !important;
background-color: transparent;
}
/deep/.el-menu-item {
height: 100% !important; height: 100% !important;
border: none !important; border: none !important;
display: flex; background-color: transparent;
align-items: center;
i { i {
color: rgba(254, 254, 254, 0.65); color: rgba(254, 254, 254, 0.65);
} }
.el-menu-item {
height: 100% !important;
border: none !important;
display: flex;
align-items: center;
color: rgba(254, 254, 254, 0.65);
&:hover {
// background-color: transparent !important;
color: #fff !important;
background-color: #1890ff !important;
// border-bottom: 2px solid #fff !important;
}
}
}
/deep/.el-submenu {
height: 100% !important;
.el-submenu__title {
height: 100% !important;
display: flex;
align-items: center;
color: rgba(254, 254, 254, 0.65) !important;
border: none !important;
&:hover {
// background-color: transparent !important;
color: #fff !important;
background-color: #1890ff !important;
// border-bottom: 2px solid #fff !important;
}
}
}
.el-menu--horizontal .el-menu .el-menu-item {
color: #909399;
&:hover { &:hover {
// background-color: transparent !important; i {
background-color: #1890ff !important; color: #1890ff;
color: #fff !important; }
// border-bottom: 2px solid #fff !important; color: #1890ff;
} }
} }
.el-menu--horizontal .el-menu .el-menu-item.is-active {
color: #1890ff !important;
}
/deep/.is-active { /deep/.is-active {
border: none !important;
// border-bottom: 2px solid #fff !important; // border-bottom: 2px solid #fff !important;
color: #fff !important; color: #fff !important;
// background-color: transparent !important; // background-color: transparent !important;
background-color: #1890ff !important; background-color: #1890ff !important;
.el-submenu__title {
border: none !important;
color: #fff !important;
// background-color: transparent !important;
background-color: #1890ff !important;
}
} }
</style> </style>
\ No newline at end of file
sample-form-manager-ui/admin/src/pages/layouts/components/HeaderSite copy.vue 0 → 100644
View file @ 0381940e
<template>
<el-popover placement="bottom-start" trigger="manual" v-model="visible">
<a slot="reference" class="ant-dropdown-link" @click="visible = true">
{{ siteName }} <i class="el-icon-arrow-down"></i>
</a>
<div class="content" style="min-width: 50vw; min-height: 200px">
<div class="flex_row flex_align_c primary-color name">
<i class="el-icon-location" style="margin-right: 10px"></i>
<span style="">{{ siteName }}</span>
</div>
<div class="site-list">
<span
v-for="(item, index) in sitelist"
:key="index"
:class="{ 'primary-color': item.id == checkid }"
@click="setSite(item)"
>{{ item.label }}</span
>
</div>
<div class="check-site">
<span>您的选择是：</span>
<span
v-for="(item, index) in checkarr"
:key="index"
@click="updataSite(item)"
>{{ index > 0 ? ">" : "" }}{{ item.label }}</span
>
</div>
<div class="site-btn">
<el-button
type="primary"
size="small"
style="margin-right: 10px"
@click="onSucessSite"
:disabled="isSite"
>确定</el-button
>
<el-button size="small" @click="visible = false">取消</el-button>
</div>
</div>
</el-popover>
<!-- <div :trigger="['click']" class="trigger" @click="ontrigger">
<slot>
<a class="ant-dropdown-link" @click="(e) => e.preventDefault()">
{{ siteName }} <i class="el-icon-arrow-down"></i>
</a>
</slot>
<div slot="overlay" class="select-site" v-if="show">
<div class="flex_row flex_align_c primary-color name">
<i class="el-icon-location"></i>
<span style="">{{ siteName }}</span>
</div>
<div class="site-list">
<span
v-for="(item, index) in sitelist"
:key="index"
:class="{ 'primary-color': item.id == checkid }"
@click="setSite(item)"
>{{ item.label }}</span
>
</div>
<div class="check-site">
<span>您的选择是：</span>
<span
v-for="(item, index) in checkarr"
:key="index"
@click="updataSite(item)"
>{{ index > 0 ? ">" : "" }}{{ item.label }}</span
>
</div>
<div class="site-btn">
<el-button
type="primary"
size="small"
style="margin-right: 10px"
@click="onSucessSite"
:disabled="isSite"
>确定</el-button
>
<el-button size="small" @click="show = false">取消</el-button>
</div>
</div>
</div> -->
</template>
<script>
import { getSiteTree } from "@/api/siteInfo";
import local from "@/utils/local";
// import Cookie from "js-cookie";
export default {
data() {
return {
sitelist: [],
visible: false,
offsetLeft: 0,
checkarr: [], //选中站点
checkid: undefined, //最终选中站点
siteName: "请选择站点",
isSite: true,
};
},
computed: {},
created() {
this.getwaitedListdata();
},
mounted() {},
methods: {
// 确认站点
onSucessSite() {
if (this.checkarr.length == 0) return;
let obj = this.checkarr[this.checkarr.length - 1];
this.clickSite(obj);
},
// 选中
setSite(obj) {
this.checkid = undefined;
// 为子节点不添加数据
let data = this.checkarr[this.checkarr.length - 1];
if (data && (data.isLeaf || data.children.length == 0)) {
// 如果为子节点更新最后一个数据
this.checkid = obj.id;
this.checkarr[this.checkarr.length - 1] = obj;
} else {
this.checkarr.push(obj);
if (obj.children && obj.children.length > 0) {
this.sitelist = obj.children;
}
}
if (obj && obj.type == "site") {
this.isSite = false;
} else {
this.isSite = true;
}
},
// 更新选中
updataSite(row) {
const { id } = row;
this.checkid = undefined;
let index = this.checkarr.findIndex((v) => v.id == id);
this.checkarr.length = index + 1;
this.sitelist = row.children;
if (row && row.type == "site") {
this.isSite = false;
} else {
this.isSite = true;
}
// this.getwaitedListdata(id);
},
getwaitedListdata() {
getSiteTree()
.then((res) => {
const { code, data } = res.data;
if (code == 1) {
const { siteTree } = data;
this.sitelist = siteTree;
let arr = [];
const treeFn = function (e) {
e.forEach((element) => {
arr.push(element);
if (element.children && element.children.length > 0) {
treeFn(element.children);
}
});
};
const siteid = local.getLocal("sampleSiteId");
treeFn(siteTree);
const siteObj = arr.find((v) => v.id == siteid);
this.siteName = siteObj ? siteObj.label : "请选择站点";
}
})
.catch((err) => {
console.log(err);
});
},
clickSite(obj) {
// Cookie.set("siteid", obj.id);
// let siteInfo = {
// siteName: obj.label,
// siteid: obj.id,
// };
local.setLocal("sampleSiteId", obj.id);
this.show = false;
if (location.href.search(/token/gi) >= 0) {
setTimeout(() => {
location.reload();
});
} else {
location.reload();
}
},
// ontrigger(e) {
// if (e.target && e.target.nodeName == "A") {
// this.show = !this.show;
// }
// },
},
};
</script>
<style lang="less" scoped>
.ant-dropdown-link {
padding: 0 20px;
font-size: 16px;
min-width: 200px;
display: inline-block;
}
.content {
display: flex;
flex-direction: column;
justify-content: space-around;
.name {
font-size: 20px;
color: #1890ff;
}
.site-list {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
span {
line-height: 1.5;
padding: 10px 20px;
cursor: pointer;
&:hover {
color: #1890ff;
}
}
}
.check-site,
.site-btn {
padding: 0 20px;
}
.check-site {
cursor: pointer;
}
}
.trigger {
display: inline-block;
position: relative;
}
.ant-dropdown-link {
padding: 0 20px;
font-size: 16px;
display: inline-block;
color: #fff;
cursor: pointer;
}
.select-site {
position: fixed;
left: 300px !important;
top: 65px;
background: #fff;
border-radius: 6px;
padding: 10px;
min-width: 60%;
max-width: 80%;
z-index: 9;
color: rgba(0, 0, 0, 0.8);
font-size: 14px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
.name {
font-size: 20px;
}
.site-list {
// padding: 10px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
overflow: hidden;
span {
float: left;
line-height: 1.5;
padding: 10px 20px;
cursor: pointer;
&:hover {
color: #1890ff;
}
}
}
.check-site,
.site-btn {
padding: 0 20px;
}
}
</style>
sample-form-manager-ui/admin/src/pages/layouts/components/HeaderSite.vue
View file @ 0381940e
...@@ -3,7 +3,10 @@ ...@@ -3,7 +3,10 @@
<a slot="reference" class="ant-dropdown-link" @click="visible = true"> <a slot="reference" class="ant-dropdown-link" @click="visible = true">
{{ siteName }} <i class="el-icon-arrow-down"></i> {{ siteName }} <i class="el-icon-arrow-down"></i>
</a> </a>
<div class="content" style="min-width: 50vw; min-height: 200px"> <div
class="content"
style="min-width: 60vw; max-width: 80vw; min-height: 200px"
>
<div class="flex_row flex_align_c primary-color name"> <div class="flex_row flex_align_c primary-color name">
<i class="el-icon-location" style="margin-right: 10px"></i> <i class="el-icon-location" style="margin-right: 10px"></i>
<span style="">{{ siteName }}</span> <span style="">{{ siteName }}</span>
...@@ -27,15 +30,15 @@ ...@@ -27,15 +30,15 @@
> >
</div> </div>
<div class="site-btn"> <div class="site-btn">
<el-button size="small" @click="visible = false">取消</el-button>
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
style="margin-right: 10px"
@click="onSucessSite" @click="onSucessSite"
:disabled="isSite" :disabled="isSite"
>确定</el-button >确定</el-button
> >
<el-button size="small" @click="visible = false">取消</el-button>
</div> </div>
</div> </div>
</el-popover> </el-popover>
...@@ -115,16 +118,22 @@ export default { ...@@ -115,16 +118,22 @@ export default {
this.checkid = undefined; this.checkid = undefined;
// 为子节点不添加数据 // 为子节点不添加数据
let data = this.checkarr[this.checkarr.length - 1]; let data = this.checkarr[this.checkarr.length - 1];
if (data && (data.isLeaf || data.children.length == 0)) { if (data && (data.isLeaf || data.children.length == 0)) {
// 如果为子节点更新最后一个数据 // 如果为子节点更新最后一个数据
this.checkid = obj.id; this.checkid = obj.id;
this.checkarr[this.checkarr.length - 1] = obj; this.checkarr[this.checkarr.length - 1] = obj;
// 如果选中数据有子集更新站点列表
if (obj.children && obj.children.length > 0) {
this.sitelist = obj.children;
}
} else { } else {
this.checkarr.push(obj); this.checkarr.push(obj);
if (obj.children && obj.children.length > 0) { if (obj.children && obj.children.length > 0) {
this.sitelist = obj.children; this.sitelist = obj.children;
} }
} }
if (obj && obj.type == "site") { if (obj && obj.type == "site") {
this.isSite = false; this.isSite = false;
} else { } else {
...@@ -136,8 +145,13 @@ export default { ...@@ -136,8 +145,13 @@ export default {
const { id } = row; const { id } = row;
this.checkid = undefined; this.checkid = undefined;
let index = this.checkarr.findIndex((v) => v.id == id); let index = this.checkarr.findIndex((v) => v.id == id);
this.checkarr.length = index + 1;
this.sitelist = row.children; if (index > -1) {
this.checkarr.splice(index + 1, this.checkarr.length - (index + 1));
}
if (row.children && row.children.length > 0) {
this.sitelist = row.children;
}
if (row && row.type == "site") { if (row && row.type == "site") {
this.isSite = false; this.isSite = false;
...@@ -147,30 +161,27 @@ export default { ...@@ -147,30 +161,27 @@ export default {
// this.getwaitedListdata(id); // this.getwaitedListdata(id);
}, },
getwaitedListdata() { getwaitedListdata() {
getSiteTree() getSiteTree().then((res) => {
.then((res) => { const { code, data } = res.data;
const { code, data } = res.data;
if (code == 1) { if (code == 1) {
const { siteTree } = data; const { siteTree } = data;
this.sitelist = siteTree; this.sitelist = siteTree;
let arr = []; let arr = [];
const treeFn = function (e) { const treeFn = function (e) {
e.forEach((element) => { e.forEach((element) => {
arr.push(element); arr.push(element);
if (element.children && element.children.length > 0) { if (element.children && element.children.length > 0) {
treeFn(element.children); treeFn(element.children);
} }
}); });
}; };
const siteid = local.getLocal("sampleSiteId"); const siteid = local.getLocal("sampleSiteId");
treeFn(siteTree); treeFn(siteTree);
const siteObj = arr.find((v) => v.id == siteid); const siteObj = arr.find((v) => v.id == siteid);
this.siteName = siteObj ? siteObj.label : "请选择站点"; this.siteName = siteObj ? siteObj.label : "请选择站点";
} }
}) });
.catch((err) => {
console.log(err);
});
}, },
clickSite(obj) { clickSite(obj) {
// Cookie.set("siteid", obj.id); // Cookie.set("siteid", obj.id);
......
sample-form-manager-ui/admin/src/pages/login/login.vue
View file @ 0381940e
...@@ -38,6 +38,7 @@ ...@@ -38,6 +38,7 @@
import { login } from "@/api/login"; import { login } from "@/api/login";
import local from "@/utils/local"; import local from "@/utils/local";
import { calcMenu } from "@/router"; import { calcMenu } from "@/router";
import { mapMutations } from "vuex";
export default { export default {
name: "login", name: "login",
data() { data() {
...@@ -53,6 +54,7 @@ export default { ...@@ -53,6 +54,7 @@ export default {
}, },
created() {}, created() {},
methods: { methods: {
...mapMutations(["SET_token"]),
async login() { async login() {
let res = await login(this.form); let res = await login(this.form);
let { data, code } = res.data; let { data, code } = res.data;
...@@ -62,8 +64,8 @@ export default { ...@@ -62,8 +64,8 @@ export default {
let siteIds = data.user.siteIds; let siteIds = data.user.siteIds;
let siteid = siteIds.split(",")[0]; let siteid = siteIds.split(",")[0];
if (token) { if (token) {
local.setLocal("sampleToken", token);
local.setLocal("sampleSiteId", siteid); local.setLocal("sampleSiteId", siteid);
this.SET_token(token);
// 渲染菜单 // 渲染菜单
calcMenu(); calcMenu();
this.$router.push("/basicsset"); this.$router.push("/basicsset");
......
sample-form-manager-ui/admin/src/pages/software/basics/BasicsSet.vue
View file @ 0381940e
<template> <template>
<div class="basics-set"> <div class="basics-set bgw flex flexc">
<el-card class="box-card"> <TabHeader icon="el-icon-notebook-2" label="样表基础设置"></TabHeader>
<div slot="header" class="clearfix"> <div class="pd15 flex1 auto-scroll">
<span>样表基础设置</span>
</div>
<div class="header"> <div class="header">
<span class="mr15 title">热门搜索词汇</span> <span class="mr15 title">热门搜索词汇</span>
<span class="tips" <span class="tips"
...@@ -62,15 +60,18 @@ ...@@ -62,15 +60,18 @@
>确 定 >确 定
</el-button> </el-button>
</div> </div>
</el-card> </div>
</div> </div>
</template> </template>
<script> <script>
import { getBaseSetInfo, saveBaseSet } from "@/api/baseSet"; import { getBaseSetInfo, saveBaseSet } from "@/api/baseSet";
import local from "@/utils/local"; import local from "@/utils/local";
import TabHeader from "@/components/TabHeader.vue";
export default { export default {
components: {
TabHeader,
},
data() { data() {
return { return {
siteId: local.getLocal("sampleSiteId") siteId: local.getLocal("sampleSiteId")
...@@ -172,18 +173,13 @@ export default { ...@@ -172,18 +173,13 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.basics-set { .basics-set {
width: 100%; width: 100%;
min-height: 100%; height: 100%;
display: flex;
.title { .title {
font-size: 15px; font-size: 15px;
color: #000; color: #000;
} }
} }
:deep(.el-card) {
height: auto;
}
.header { .header {
.tips { .tips {
font-size: 14px; font-size: 14px;
......
sample-form-manager-ui/admin/src/pages/software/librarymanage/LibraryManage.vue
View file @ 0381940e
<template> <template>
<div class="library-manage"> <div class="library-manage bgw flex flexc">
<el-card class="box-card" shadow="never"> <TabHeader icon="el-icon-notebook-2" label="公共库管理"></TabHeader>
<div slot="header" class="clearfix"> <div class="pd15 flex1 auto-scroll">
<span>公共库管理</span>
</div>
<TableHeader> <TableHeader>
<div slot="left"> <div slot="left">
<!-- <el-button size="small" type="primary" @click="handleAddMaterials" <!-- <el-button size="small" type="primary" @click="handleAddMaterials"
...@@ -113,7 +111,8 @@ ...@@ -113,7 +111,8 @@
@currentChange="changePagination" @currentChange="changePagination"
@sizeChange="changeSize" @sizeChange="changeSize"
></Pagination> ></Pagination>
</el-card> </div>
<!-- 添加材料 --> <!-- 添加材料 -->
<!-- <AddMaterals <!-- <AddMaterals
ref="AddMaterals" ref="AddMaterals"
...@@ -132,6 +131,7 @@ ...@@ -132,6 +131,7 @@
import TableHeader from "@/components/TableHeader.vue"; import TableHeader from "@/components/TableHeader.vue";
import PreviewMaterals from "./modal/PreviewMaterals.vue"; import PreviewMaterals from "./modal/PreviewMaterals.vue";
import Pagination from "@/components/Pagination.vue"; import Pagination from "@/components/Pagination.vue";
import TabHeader from "@/components/TabHeader.vue";
import { getPubdatumList, delPubdatum } from "@/api/libray"; import { getPubdatumList, delPubdatum } from "@/api/libray";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
export default { export default {
...@@ -139,6 +139,7 @@ export default { ...@@ -139,6 +139,7 @@ export default {
TableHeader, TableHeader,
PreviewMaterals, PreviewMaterals,
Pagination, Pagination,
TabHeader,
}, },
data() { data() {
return { return {
...@@ -264,12 +265,8 @@ export default { ...@@ -264,12 +265,8 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.library-manage { .library-manage {
display: flex;
width: 100%; width: 100%;
min-height: 100%; height: 100%;
:deep(.el-card) {
height: auto;
}
.short { .short {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
......
sample-form-manager-ui/admin/src/pages/software/materials/MaterialsManage.vue
View file @ 0381940e
<template> <template>
<div class="materias-manage flex"> <div class="materias-manage flex jcb">
<div class="left"> <div class="left h-full bgw flex flexc">
<el-card class="box-card" shadow="never"> <TabHeader icon="el-icon-notebook-2" label="事项列表"></TabHeader>
<div slot="header"> <div class="pd15 flex1 auto-scroll">
<span>事项列表</span>
</div>
<TableHeader> <TableHeader>
<div slot="left"> <div slot="left">
<el-button size="small" type="primary" @click="setCurrent">{{ <el-button size="small" type="primary" @click="setCurrent">{{
...@@ -15,16 +13,17 @@ ...@@ -15,16 +13,17 @@
<el-select <el-select
v-model="departmentLeft" v-model="departmentLeft"
size="small" size="small"
style="width: 120px"
placeholder="选择部门" placeholder="选择部门"
class="autoWidth" class="autoWidth"
filterable filterable
> >
<template slot="prefix"> <!-- <template slot="prefix">
{{ {{
(deptList.find((v) => v.deptNumber === departmentLeft) || {}) (deptList.find((v) => v.deptNumber === departmentLeft) || {})
.name .name
}} }}
</template> </template> -->
<el-option <el-option
v-for="item in deptList" v-for="item in deptList"
:key="item.deptNumber" :key="item.deptNumber"
...@@ -108,13 +107,11 @@ ...@@ -108,13 +107,11 @@
@currentChange="leftChangePagination" @currentChange="leftChangePagination"
@sizeChange="leftChangeSize" @sizeChange="leftChangeSize"
></Pagination> ></Pagination>
</el-card> </div>
</div> </div>
<div class="right"> <div class="right h-full bgw flex flexc">
<el-card class="box-card" shadow="never"> <TabHeader icon="el-icon-notebook-2" label="材料列表"></TabHeader>
<div slot="header"> <div class="pd15 flex1 auto-scroll">
<span>材料列表 </span>
</div>
<!-- 内容 --> <!-- 内容 -->
<TableHeader> <TableHeader>
<div slot="left"> <div slot="left">
...@@ -138,16 +135,16 @@ ...@@ -138,16 +135,16 @@
<el-select <el-select
v-model="departmentRight" v-model="departmentRight"
size="small" size="small"
style="width: 120px"
placeholder="选择部门" placeholder="选择部门"
class="autoWidth"
filterable filterable
> >
<template slot="prefix"> <!-- <template slot="prefix">
{{ {{
(deptList.find((v) => v.deptNumber === departmentRight) || {}) (deptList.find((v) => v.deptNumber === departmentRight) || {})
.name .name
}} }}
</template> </template> -->
<el-option <el-option
v-for="item in deptList" v-for="item in deptList"
:key="item.deptNumber" :key="item.deptNumber"
...@@ -264,39 +261,39 @@ ...@@ -264,39 +261,39 @@
@currentChange="rightChangePagination" @currentChange="rightChangePagination"
@sizeChange="rightChangeSize" @sizeChange="rightChangeSize"
></Pagination> ></Pagination>
</el-card> </div>
</div> <!-- 新增材料 -->
<!-- 新增材料 --> <AddMaterials
<AddMaterials ref="AddMaterials"
ref="AddMaterials" :addMaterialsVisible.sync="addMaterialsVisible"
:addMaterialsVisible.sync="addMaterialsVisible" :title="title"
:title="title" @addSuccess="addSuccess"
@addSuccess="addSuccess" ></AddMaterials>
></AddMaterials> <!-- 预览材料 -->
<!-- 预览材料 --> <PreviewMaterials
<PreviewMaterials :drawer.sync="drawer"
:drawer.sync="drawer" :materialsInfo="materialsInfo"
:materialsInfo="materialsInfo" ></PreviewMaterials>
></PreviewMaterials>
<!-- 公共库 --> <!-- 公共库 -->
<CommonLib <CommonLib
ref="CommonLib" ref="CommonLib"
:matterId="activeDep.id" :matterId="activeDep.id"
@ok="addSuccess" @ok="addSuccess"
:libVisible.sync="libVisible" :libVisible.sync="libVisible"
></CommonLib> ></CommonLib>
<!-- 新增文件夹 --> <!-- 新增文件夹 -->
<AddFolders <AddFolders
ref="AddFolders" ref="AddFolders"
:addFolderVisible.sync="addFolderVisible" :addFolderVisible.sync="addFolderVisible"
></AddFolders> ></AddFolders>
<!-- 文件夹 --> <!-- 文件夹 -->
<FolderList <FolderList
ref="FolderList" ref="FolderList"
@addSuccess="materialsToFolderOk" @addSuccess="materialsToFolderOk"
:folderListVisible.sync="folderListVisible" :folderListVisible.sync="folderListVisible"
></FolderList> ></FolderList>
</div>
</div> </div>
</template> </template>
...@@ -308,6 +305,7 @@ import CommonLib from "./modal/CommonLib.vue"; ...@@ -308,6 +305,7 @@ import CommonLib from "./modal/CommonLib.vue";
import Pagination from "@/components/Pagination.vue"; import Pagination from "@/components/Pagination.vue";
import AddFolders from "./modal/AddFolders.vue"; import AddFolders from "./modal/AddFolders.vue";
import FolderList from "./modal/FolderList.vue"; import FolderList from "./modal/FolderList.vue";
import TabHeader from "@/components/TabHeader.vue";
import { getWriteMatterList } from "@/api/matter"; import { getWriteMatterList } from "@/api/matter";
import { import {
getMaterialsList, getMaterialsList,
...@@ -325,6 +323,7 @@ export default { ...@@ -325,6 +323,7 @@ export default {
Pagination, Pagination,
AddFolders, AddFolders,
FolderList, FolderList,
TabHeader,
}, },
data() { data() {
return { return {
...@@ -580,7 +579,7 @@ export default { ...@@ -580,7 +579,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.materias-manage { .materias-manage {
width: 100%; width: 100%;
min-height: 100%; height: 100%;
.short { .short {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -601,11 +600,11 @@ export default { ...@@ -601,11 +600,11 @@ export default {
} }
.left { .left {
width: 40%; width: 39%;
height: auto; border-radius: 4px;
} }
.right { .right {
width: 60%; width: 59%;
height: auto; border-radius: 4px;
} }
</style> </style>
\ No newline at end of file
sample-form-manager-ui/admin/src/pages/software/materials/modal/AddMaterials.vue
View file @ 0381940e
...@@ -61,7 +61,9 @@ ...@@ -61,7 +61,9 @@
:on-remove="handleRemoveSamplePath" :on-remove="handleRemoveSamplePath"
:file-list="samplePathFileList" :file-list="samplePathFileList"
:on-success="OnsuccessSamplePath" :on-success="OnsuccessSamplePath"
:headers="headers" :headers="{
Authorization: token,
}"
> >
<!-- accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document" --> <!-- accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document" -->
<el-button size="small" type="primary">上传文件</el-button> <el-button size="small" type="primary">上传文件</el-button>
...@@ -86,6 +88,7 @@ ...@@ -86,6 +88,7 @@
<script> <script>
import local from "@/utils/local"; import local from "@/utils/local";
import { saveMaterials } from "@/api/materials"; import { saveMaterials } from "@/api/materials";
import { mapGetters } from "vuex";
export default { export default {
props: { props: {
title: { title: {
...@@ -140,14 +143,10 @@ export default { ...@@ -140,14 +143,10 @@ export default {
// { required: true, message: "请上传模板", trigger: "change" }, // { required: true, message: "请上传模板", trigger: "change" },
// ], // ],
}, },
headers: {
Authorization: local.getLocal("sampleToken")
? local.getLocal("sampleToken")
: "",
},
}; };
}, },
computed: { computed: {
...mapGetters(["token"]),
Visible: { Visible: {
get() { get() {
return this.addMaterialsVisible; return this.addMaterialsVisible;
......
sample-form-manager-ui/admin/src/pages/software/matter/MatterManage.vue
View file @ 0381940e
<template> <template>
<div class="matter-manage flex"> <div class="matter-manage flex jcb">
<!-- 左 --> <!-- 左 -->
<div class="left"> <div class="left h-full bgw flex flexc">
<el-card class="box-card" shadow="never"> <TabHeader icon="el-icon-notebook-2" label="样表系统事项列表"></TabHeader>
<div slot="header"> <div class="pd15 flex1 auto-scroll">
<span>样表系统事项列表</span>
</div>
<TableHeader> <TableHeader>
<div slot="left"> <div slot="left">
<el-button size="small" type="primary" @click="handleAddMatter" <el-button size="small" type="primary" @click="handleAddMatter"
...@@ -19,16 +17,16 @@ ...@@ -19,16 +17,16 @@
<el-select <el-select
v-model="departmentLeft" v-model="departmentLeft"
size="small" size="small"
style="width: 120px"
placeholder="选择部门" placeholder="选择部门"
class="autoWidth"
filterable filterable
> >
<template slot="prefix"> <!-- <template slot="prefix">
{{ {{
(deptList.find((v) => v.deptNumber === departmentLeft) || {}) (deptList.find((v) => v.deptNumber === departmentLeft) || {})
.name .name
}} }}
</template> </template> -->
<el-option <el-option
v-for="item in deptList" v-for="item in deptList"
:key="item.deptNumber" :key="item.deptNumber"
...@@ -147,14 +145,20 @@ ...@@ -147,14 +145,20 @@
@currentChange="leftChangePagination" @currentChange="leftChangePagination"
@sizeChange="leftChangeSize" @sizeChange="leftChangeSize"
></Pagination> ></Pagination>
</el-card> </div>
<!-- 新增事项 -->
<AddMatter
ref="AddMatter"
:addMatterVisible.sync="addMatterVisible"
:departmentList="deptList"
:title="title"
@addMatter="getWriteMatterList"
></AddMatter>
</div> </div>
<!-- 右 --> <!-- 右 -->
<div class="right"> <div class="right h-full bgw flex flexc">
<el-card class="box-card" shadow="never"> <TabHeader icon="el-icon-notebook-2" label="站点事项列表"></TabHeader>
<div slot="header"> <div class="pd15 flex1 auto-scroll">
<span>站点事项列表 </span>
</div>
<!-- 内容 --> <!-- 内容 -->
<TableHeader> <TableHeader>
<div slot="left"> <div slot="left">
...@@ -166,16 +170,16 @@ ...@@ -166,16 +170,16 @@
<el-select <el-select
v-model="departmentRight" v-model="departmentRight"
size="small" size="small"
style="width: 120px"
placeholder="选择部门" placeholder="选择部门"
class="autoWidth"
filterable filterable
> >
<template slot="prefix"> <!-- <template slot="prefix">
{{ {{
(deptList.find((v) => v.deptNumber === departmentRight) || {}) (deptList.find((v) => v.deptNumber === departmentRight) || {})
.name .name
}} }}
</template> </template> -->
<el-option <el-option
v-for="item in deptList" v-for="item in deptList"
:key="item.deptNumber" :key="item.deptNumber"
...@@ -240,6 +244,14 @@ ...@@ -240,6 +244,14 @@
label="事项名称" label="事项名称"
> >
</el-table-column> </el-table-column>
<el-table-column width="100" align="center" label="事项来源">
<template slot-scope="scope">
<el-tag size="small" type="success" v-if="scope.row.source == 0"
>一体化添加</el-tag
>
<el-tag size="small" v-else>自建事项</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="160"> <el-table-column label="操作" align="center" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="primary pointer" @click="handleJoin(scope.row.id)" <span class="primary pointer" @click="handleJoin(scope.row.id)"
...@@ -256,16 +268,8 @@ ...@@ -256,16 +268,8 @@
@currentChange="rightChangePagination" @currentChange="rightChangePagination"
@sizeChange="rightChangeSize" @sizeChange="rightChangeSize"
></Pagination> ></Pagination>
</el-card> </div>
</div> </div>
<!-- 新增事项 -->
<AddMatter
ref="AddMatter"
:addMatterVisible.sync="addMatterVisible"
:departmentList="deptList"
:title="title"
@addMatter="getWriteMatterList"
></AddMatter>
</div> </div>
</template> </template>
...@@ -273,6 +277,7 @@ ...@@ -273,6 +277,7 @@
import TableHeader from "@/components/TableHeader.vue"; import TableHeader from "@/components/TableHeader.vue";
import AddMatter from "./modal/AddMatter.vue"; import AddMatter from "./modal/AddMatter.vue";
import Pagination from "@/components/Pagination.vue"; import Pagination from "@/components/Pagination.vue";
import TabHeader from "@/components/TabHeader.vue";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import { import {
// getMatterList, // getMatterList,
...@@ -288,6 +293,7 @@ export default { ...@@ -288,6 +293,7 @@ export default {
TableHeader, TableHeader,
AddMatter, AddMatter,
Pagination, Pagination,
TabHeader,
}, },
data() { data() {
return { return {
...@@ -510,8 +516,7 @@ export default { ...@@ -510,8 +516,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.matter-manage { .matter-manage {
width: 100%; width: 100%;
min-height: 100%; height: 100%;
display: flex;
.short { .short {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -528,11 +533,11 @@ export default { ...@@ -528,11 +533,11 @@ export default {
// height: 550px; // height: 550px;
// } // }
.left { .left {
width: 50%; width: 49%;
height: auto; border-radius: 4px;
} }
.right { .right {
width: 50%; width: 49%;
height: auto; border-radius: 4px;
} }
</style> </style>
sample-form-manager-ui/admin/src/pages/software/skinManage/SkinManage.vue
View file @ 0381940e
<template> <template>
<div class="skin-set"> <div class="skin-set bgw flex flexc">
<el-card class="box-card"> <TabHeader icon="el-icon-notebook-2" label="皮肤管理"></TabHeader>
<div slot="header" class="clearfix"> <div class="pd15 flex1 auto-scroll">
<span>皮肤管理</span>
</div>
<!-- 皮肤列表 --> <!-- 皮肤列表 -->
<div class="skin-box"> <div class="skin-box">
<div class="skin-category"> <div class="skin-category">
...@@ -32,28 +30,29 @@ ...@@ -32,28 +30,29 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 图片预览 --> <!-- 图片预览 -->
<el-image-viewer <el-image-viewer
v-if="previewImg" v-if="previewImg"
:on-close=" :on-close="
() => { () => {
(previewImg = false), (previewUrl = ''); (previewImg = false), (previewUrl = '');
} }
" "
:url-list="previewUrl" :url-list="previewUrl"
/> />
</el-card>
</div> </div>
</template> </template>
<script> <script>
import local from "@/utils/local"; import local from "@/utils/local";
import ElImageViewer from "element-ui/packages/image/src/image-viewer"; import ElImageViewer from "element-ui/packages/image/src/image-viewer";
import TabHeader from "@/components/TabHeader.vue";
import { getSkinList, useSkin } from "@/api/skin"; import { getSkinList, useSkin } from "@/api/skin";
export default { export default {
components: { components: {
ElImageViewer, ElImageViewer,
TabHeader,
}, },
data() { data() {
return { return {
...@@ -140,13 +139,10 @@ export default { ...@@ -140,13 +139,10 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.skin-set { .skin-set {
display: flex;
width: 100%; width: 100%;
min-height: 100%; height: 100%;
}
:deep(.el-card) {
height: auto;
} }
.skin-category { .skin-category {
margin-bottom: 30px; margin-bottom: 30px;
} }
......
sample-form-manager-ui/admin/src/pages/system/System.vue
View file @ 0381940e
<template> <template>
<div class="system flex flexc"> <div class="system bgw flex flexc">
<el-tabs :value="activeKey" @tab-click="changeRouter"> <el-tabs :value="activeKey" @tab-click="changeRouter">
<el-tab-pane label="系统参数" name="/system/parameter"></el-tab-pane> <el-tab-pane v-for="v in subMenus" :key="v.path" :name="v.path">
<el-tab-pane label="任务信息" name="/system/task"></el-tab-pane> <template slot="label">
<el-tab-pane label="操作日志" name="/system/systemlogs"></el-tab-pane> <i v-if="v.meta.icon" :class="['mr5', 'primary', v.meta.icon]"></i>
<span class="tab-label">{{ v.meta.title }}</span>
</template>
</el-tab-pane>
</el-tabs> </el-tabs>
<div class="system-out-box flex1"> <div class="system-out-box flex1">
<router-view></router-view> <router-view></router-view>
...@@ -12,16 +15,36 @@ ...@@ -12,16 +15,36 @@
</template> </template>
<script> <script>
import { findBottomSubarrays } from "@/utils";
export default { export default {
data() {
return {
subMenus: [],
};
},
computed: { computed: {
activeKey() { activeKey() {
return this.$route.path; return this.$route.path;
}, },
}, },
created() {
this.getSubMenus();
},
methods: { methods: {
changeRouter(e) { changeRouter(e) {
this.$router.push(e.name); this.$router.push(e.name);
}, },
// 获取当前顶层路由下的所有子路由
getSubMenus() {
let path = this.$route?.meta.activeMenu
? this.$route.meta.activeMenu
: this.$route.path;
let options = this.$router.options.routes[0].children;
let curRouters = options.filter((v) => v.path == path);
this.subMenus = findBottomSubarrays(curRouters).filter(
(v) => !v.meta.hidden
);
},
}, },
}; };
</script> </script>
...@@ -34,11 +57,8 @@ export default { ...@@ -34,11 +57,8 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
.system-out-box { .system-out-box {
padding: 0px 15px 15px 15px; padding: 15px;
overflow-y: auto; overflow-y: auto;
} }
/deep/.ant-tabs-nav-container {
border-bottom: 1px solid #f0f0f0 !important;
}
} }
</style> </style>
\ No newline at end of file
sample-form-manager-ui/admin/src/pages/system/task/TaskSet.vue
View file @ 0381940e
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
v-model="searchVal" v-model="searchVal"
style="width: 200px" style="width: 200px"
class="ml10 mr10" class="ml10 mr10"
placeholder="请输入参数名称搜索" placeholder="请输入任务名称搜索"
@keyup.native.enter="handleSearch" @keyup.native.enter="handleSearch"
></el-input> ></el-input>
<el-button size="small" type="primary" @click="handleSearch" <el-button size="small" type="primary" @click="handleSearch"
......
sample-form-manager-ui/admin/src/store/index.js
View file @ 0381940e
import Vue from "vue"; import Vue from "vue";
import Vuex from "vuex"; import Vuex from "vuex";
import createPersistedState from "vuex-persistedstate"; import createPersistedState from "vuex-persistedstate";
import SecureLS from "secure-ls"; // import SecureLS from "secure-ls";
var ls = new SecureLS({ isCompression: false }); // var ls = new SecureLS({ isCompression: false });
import { SessionCrypto } from "@/utils";
Vue.use(Vuex); Vue.use(Vuex);
export default new Vuex.Store({ export default new Vuex.Store({
state: { state: {
menus: [], // 菜单 menus: [], // 菜单
token: "",
siteId: "", // 站点id siteId: "", // 站点id
deptList: [], // 部门列表 deptList: [], // 部门列表
sysName: "", // 系统名称
sysLogo: "", // 系统logo
path: "", // 门户跳转过来的路由
}, },
getters: { getters: {
SET_path(state, path) {
state.path = path;
},
token(state) {
return state.token;
},
siteId(state) { siteId(state) {
return state.siteId; return state.siteId;
}, },
deptList(state) { deptList(state) {
return state.deptList; return state.deptList;
}, },
path(state) {
return state.path;
},
}, },
mutations: { mutations: {
SET_MENUS(state, menus) { SET_MENUS(state, menus) {
...@@ -29,6 +43,15 @@ export default new Vuex.Store({ ...@@ -29,6 +43,15 @@ export default new Vuex.Store({
SET_deptList(state, deptList) { SET_deptList(state, deptList) {
state.deptList = deptList; state.deptList = deptList;
}, },
SET_sysName(state, sysName) {
state.sysName = sysName;
},
SET_sysLogo(state, sysLogo) {
state.sysLogo = sysLogo;
},
SET_token(state, token) {
state.token = token;
},
}, },
actions: {}, actions: {},
modules: {}, modules: {},
...@@ -38,11 +61,11 @@ export default new Vuex.Store({ ...@@ -38,11 +61,11 @@ export default new Vuex.Store({
// storage: window.sessionStorage, // storage: window.sessionStorage,
// }), // }),
createPersistedState({ createPersistedState({
key: "info", key: "sample",
storage: { storage: {
getItem: (key) => ls.get(key), getItem: (key) => SessionCrypto.getItem(key),
setItem: (key, value) => ls.set(key, value), setItem: (key, value) => SessionCrypto.setItem(key, value),
removeItem: (key) => ls.remove(key), removeItem: (key) => SessionCrypto.remove(key),
}, },
}), }),
], ],
......
sample-form-manager-ui/admin/src/utils/index.js 0 → 100644
View file @ 0381940e
import CryptoJS from "crypto-js";
// 递归获取底层子数组
export function findBottomSubarrays(arr) {
let bottomSubarrays = [];
function recursiveSearch(subArr) {
for (let item of subArr) {
if (item.children && item.children.length) {
recursiveSearch(item.children);
} else {
bottomSubarrays.push(...subArr);
break;
}
}
}
recursiveSearch(arr);
return bottomSubarrays;
}
// 加密数据
export let encrypt = (str, keyStr, ivStr) => {
keyStr = keyStr ? keyStr : "0000000671595991";
ivStr = ivStr ? ivStr : "tdrdadq59tbss5n7";
//密钥16位
let key = CryptoJS.enc.Utf8.parse(keyStr);
//加密向量16位
let iv = CryptoJS.enc.Utf8.parse(ivStr);
let encrypted = CryptoJS.AES.encrypt(str, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7,
});
return encrypted.toString();
};
// 解密
export const decrypt = (word, keyStr, ivStr) => {
keyStr = keyStr ? keyStr : "0000000671595991";
ivStr = ivStr ? ivStr : "tdrdadq59tbss5n7";
let key = CryptoJS.enc.Utf8.parse(keyStr);
let iv = CryptoJS.enc.Utf8.parse(ivStr);
let decrypt = CryptoJS.AES.decrypt(word, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7,
});
return decrypt.toString(CryptoJS.enc.Utf8);
};
/**
* 加密存储临时数据并解析对象
*/
const aseKey = "**_FXxx_1234_KEY";
const KEY = "KEY_EXTRA";
export class SessionCrypto {
// 加密
static setItem(key = KEY, value = "") {
if (typeof key === "string") {
const stringify = JSON.stringify(value);
const encrypt = CryptoJS.AES.encrypt(
stringify,
CryptoJS.enc.Utf8.parse(aseKey),
{
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7,
}
).toString();
window.sessionStorage.setItem(key, encrypt);
return encrypt;
}
}
// 解密
static getItem(key = KEY) {
const ssStr = window.sessionStorage.getItem(key) || "";
try {
if (ssStr) {
const decrypt = CryptoJS.AES.decrypt(
ssStr,
CryptoJS.enc.Utf8.parse(aseKey),
{
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7,
}
).toString(CryptoJS.enc.Utf8);
const parseStr = JSON.parse(decrypt);
return parseStr;
}
return "";
} catch (e) {
return "";
}
}
// 删除
static remove(key) {
window.sessionStorage.removeItem(key);
}
}
sample-form-manager-ui/admin/src/utils/request.js
View file @ 0381940e
...@@ -3,7 +3,8 @@ ...@@ -3,7 +3,8 @@
*/ */
import axios from "axios"; import axios from "axios";
import { Message } from "element-ui"; import { Message } from "element-ui";
import local from "@/utils/local"; // import local from "@/utils/local";
import store from "@/store";
// import router from "@/router" // import router from "@/router"
// 请求超时时间 // 请求超时时间
// axios.defaults.timeout = 10 * 1000; // axios.defaults.timeout = 10 * 1000;
...@@ -13,7 +14,7 @@ axios.defaults.baseURL = process.env.VUE_APP_API_BASE_URL; ...@@ -13,7 +14,7 @@ axios.defaults.baseURL = process.env.VUE_APP_API_BASE_URL;
// 请求拦截 // 请求拦截
axios.interceptors.request.use( axios.interceptors.request.use(
(config) => { (config) => {
let token = local.getLocal("sampleToken"); let token = store.getters.token;
if (token) { if (token) {
config.headers.Authorization = token; config.headers.Authorization = token;
config.headers.Authtoken = token; config.headers.Authtoken = token;
...@@ -40,6 +41,7 @@ axios.interceptors.response.use( ...@@ -40,6 +41,7 @@ axios.interceptors.response.use(
message: msg, message: msg,
}); });
setTimeout(() => { setTimeout(() => {
store.commit("SET_token", "");
location.href = process.env.VUE_APP_API_portal_URL; location.href = process.env.VUE_APP_API_portal_URL;
}, 2000); }, 2000);
} }
......
sample-form-manager-ui/admin/yarn.lock
View file @ 0381940e
...@@ -3014,6 +3014,11 @@ crypto-js@^3.1.6: ...@@ -3014,6 +3014,11 @@ crypto-js@^3.1.6:
resolved "https://registry.npmmirror.com/crypto-js/-/crypto-js-3.3.0.tgz#846dd1cce2f68aacfa156c8578f926a609b7976b" resolved "https://registry.npmmirror.com/crypto-js/-/crypto-js-3.3.0.tgz#846dd1cce2f68aacfa156c8578f926a609b7976b"
integrity sha512-DIT51nX0dCfKltpRiXV+/TVZq+Qq2NgF4644+K7Ttnla7zEzqc+kjJyiB96BHNyUTBxyjzRcZYpUdZa+QAqi6Q== integrity sha512-DIT51nX0dCfKltpRiXV+/TVZq+Qq2NgF4644+K7Ttnla7zEzqc+kjJyiB96BHNyUTBxyjzRcZYpUdZa+QAqi6Q==
crypto-js@^4.1.1:
version "4.1.1"
resolved "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
crypto-random-string@^1.0.0: crypto-random-string@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.npmmirror.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e" resolved "https://registry.npmmirror.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
......
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