bugfix
This commit is contained in:
@ -1,11 +1,13 @@
|
|||||||
# 页面标题
|
# 页面标题
|
||||||
VUE_APP_TITLE = 科研生产展示平台
|
VUE_APP_TITLE=科研生产展示平台
|
||||||
|
|
||||||
# 开发环境配置
|
# 开发环境配置
|
||||||
ENV = 'development'
|
ENV='development'
|
||||||
|
|
||||||
# 科研生产展示平台/开发环境
|
# 科研生产展示平台/开发环境
|
||||||
VUE_APP_BASE_API = '/dev-api'
|
VUE_APP_BASE_API='/dev-api'
|
||||||
|
|
||||||
# 路由懒加载
|
# 路由懒加载
|
||||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
VUE_CLI_BABEL_TRANSPILE_MODULES=true
|
||||||
|
|
||||||
|
port='5173'
|
||||||
|
@ -140,7 +140,9 @@ export default {
|
|||||||
method: "get",
|
method: "get",
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
if (200 == res.code) {
|
if (200 == res.code) {
|
||||||
this.val = res.data[0];
|
if (res.data.length) {
|
||||||
|
this.val = res.data[0];
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.msg);
|
this.$message.error(res.msg);
|
||||||
}
|
}
|
||||||
|
@ -25,7 +25,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="3">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="3">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="7">责任令</el-col>
|
<el-col style="text-align: center" :span="7">责任令</el-col>
|
||||||
<el-col style="text-align: center" :span="7">部门</el-col>
|
<el-col style="text-align: center" :span="7">部门</el-col>
|
||||||
<el-col style="text-align: center" :span="7">完成情况</el-col>
|
<el-col style="text-align: center" :span="7">完成情况</el-col>
|
||||||
@ -42,9 +42,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in dataList" :key="item.id">
|
<li v-for="item in dataList" :key="item.id">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="3">{{
|
<!-- <el-col style="text-align: center" :span="3">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col
|
<el-col
|
||||||
style="text-align: center"
|
style="text-align: center"
|
||||||
:span="7"
|
:span="7"
|
||||||
@ -124,7 +124,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="3">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="3">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="7">项目名称</el-col>
|
<el-col style="text-align: center" :span="7">项目名称</el-col>
|
||||||
<el-col style="text-align: center" :span="7">计划名称</el-col>
|
<el-col style="text-align: center" :span="7">计划名称</el-col>
|
||||||
<!-- <el-col style="text-align: center" :span="7">部门</el-col> -->
|
<!-- <el-col style="text-align: center" :span="7">部门</el-col> -->
|
||||||
@ -143,9 +143,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in listData" :key="item.id">
|
<li v-for="item in listData" :key="item.id">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="3">{{
|
<!-- <el-col style="text-align: center" :span="3">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col
|
<el-col
|
||||||
style="text-align: center"
|
style="text-align: center"
|
||||||
:title="item.projectName"
|
:title="item.projectName"
|
||||||
|
@ -35,7 +35,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="3">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="3">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="5">名称</el-col>
|
<el-col style="text-align: center" :span="5">名称</el-col>
|
||||||
<el-col style="text-align: center" :span="5">部门</el-col>
|
<el-col style="text-align: center" :span="5">部门</el-col>
|
||||||
<el-col style="text-align: center" :span="7">时间</el-col>
|
<el-col style="text-align: center" :span="7">时间</el-col>
|
||||||
@ -52,9 +52,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in listData" :key="item.id">
|
<li v-for="item in listData" :key="item.id">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="3">{{
|
<!-- <el-col style="text-align: center" :span="3">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col
|
<el-col
|
||||||
style="text-align: center"
|
style="text-align: center"
|
||||||
:title="item.planName"
|
:title="item.planName"
|
||||||
|
@ -67,7 +67,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="3">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="3">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="5">项目名称</el-col>
|
<el-col style="text-align: center" :span="5">项目名称</el-col>
|
||||||
<el-col style="text-align: center" :span="5">部门</el-col>
|
<el-col style="text-align: center" :span="5">部门</el-col>
|
||||||
<el-col style="text-align: center" :span="7">时间</el-col>
|
<el-col style="text-align: center" :span="7">时间</el-col>
|
||||||
@ -86,9 +86,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in scrollList" :key="item.id">
|
<li v-for="item in scrollList" :key="item.id">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="3">{{
|
<!-- <el-col style="text-align: center" :span="3">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col
|
<el-col
|
||||||
style="text-align: center"
|
style="text-align: center"
|
||||||
:title="item.projectName"
|
:title="item.projectName"
|
||||||
|
@ -68,7 +68,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="3">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="3">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="5">合同名称</el-col>
|
<el-col style="text-align: center" :span="5">合同名称</el-col>
|
||||||
<el-col style="text-align: center" :span="3">数量</el-col>
|
<el-col style="text-align: center" :span="3">数量</el-col>
|
||||||
<el-col style="text-align: center" :span="5">金额</el-col>
|
<el-col style="text-align: center" :span="5">金额</el-col>
|
||||||
@ -85,9 +85,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in scrollList" :key="item.id">
|
<li v-for="item in scrollList" :key="item.id">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="3">{{
|
<!-- <el-col style="text-align: center" :span="3">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col
|
<el-col
|
||||||
style="text-align: center"
|
style="text-align: center"
|
||||||
:title="item.contractName"
|
:title="item.contractName"
|
||||||
|
@ -87,7 +87,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="3">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="3">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="5">项目名称</el-col>
|
<el-col style="text-align: center" :span="5">项目名称</el-col>
|
||||||
<el-col style="text-align: center" :span="5">负责人</el-col>
|
<el-col style="text-align: center" :span="5">负责人</el-col>
|
||||||
<el-col style="text-align: center" :span="7">团队</el-col>
|
<el-col style="text-align: center" :span="7">团队</el-col>
|
||||||
@ -106,9 +106,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in scrollList1" :key="item.id">
|
<li v-for="item in scrollList1" :key="item.id">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="3">{{
|
<!-- <el-col style="text-align: center" :span="3">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col
|
<el-col
|
||||||
style="text-align: center"
|
style="text-align: center"
|
||||||
:title="item.projectName"
|
:title="item.projectName"
|
||||||
@ -158,7 +158,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="3">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="3">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="7">部门</el-col>
|
<el-col style="text-align: center" :span="7">部门</el-col>
|
||||||
<el-col style="text-align: center" :span="7">公示内容</el-col>
|
<el-col style="text-align: center" :span="7">公示内容</el-col>
|
||||||
<el-col style="text-align: center" :span="7">时间</el-col>
|
<el-col style="text-align: center" :span="7">时间</el-col>
|
||||||
@ -176,9 +176,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in scrollList2" :key="item.id">
|
<li v-for="item in scrollList2" :key="item.id">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="3">{{
|
<!-- <el-col style="text-align: center" :span="3">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col style="text-align: center" :span="7">{{
|
<el-col style="text-align: center" :span="7">{{
|
||||||
item.deptName
|
item.deptName
|
||||||
}}</el-col>
|
}}</el-col>
|
||||||
@ -491,7 +491,7 @@ export default {
|
|||||||
{
|
{
|
||||||
type: "category",
|
type: "category",
|
||||||
data: [
|
data: [
|
||||||
"部门一",
|
"部门5",
|
||||||
"部门二",
|
"部门二",
|
||||||
"部门三",
|
"部门三",
|
||||||
"部门四",
|
"部门四",
|
||||||
|
@ -136,7 +136,7 @@ export default {
|
|||||||
url: "/hx/qualityAssurance/getQualityManage",
|
url: "/hx/qualityAssurance/getQualityManage",
|
||||||
method: "get",
|
method: "get",
|
||||||
}).then(({ data }) => {
|
}).then(({ data }) => {
|
||||||
this.dataInfo = data;
|
if (data) this.dataInfo = data;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -42,7 +42,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="4">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="4">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="8">部门</el-col>
|
<el-col style="text-align: center" :span="8">部门</el-col>
|
||||||
<el-col style="text-align: center" :span="12">案例名称</el-col>
|
<el-col style="text-align: center" :span="12">案例名称</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -58,9 +58,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in scrollList" :key="item.id">
|
<li v-for="item in scrollList" :key="item.id">
|
||||||
<el-row style="font-size: 14px">
|
<el-row style="font-size: 14px">
|
||||||
<el-col style="text-align: center" :span="4">{{
|
<!-- <el-col style="text-align: center" :span="4">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col style="text-align: center" :span="8">{{
|
<el-col style="text-align: center" :span="8">{{
|
||||||
item.className
|
item.className
|
||||||
}}</el-col>
|
}}</el-col>
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="4">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="4">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="4">物资名称</el-col>
|
<el-col style="text-align: center" :span="4">物资名称</el-col>
|
||||||
<el-col style="text-align: center" :span="3">现有库存</el-col>
|
<el-col style="text-align: center" :span="3">现有库存</el-col>
|
||||||
<el-col style="text-align: center" :span="6"
|
<el-col style="text-align: center" :span="6"
|
||||||
@ -29,9 +29,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="item in scrollList" :key="item.id">
|
<li v-for="item in scrollList" :key="item.id">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="4">{{
|
<!-- <el-col style="text-align: center" :span="4">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col
|
<el-col
|
||||||
style="text-align: center"
|
style="text-align: center"
|
||||||
:title="item.materialName"
|
:title="item.materialName"
|
||||||
@ -164,4 +164,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -14,43 +14,45 @@
|
|||||||
style="width: 100%; height: 100%"
|
style="width: 100%; height: 100%"
|
||||||
/>
|
/>
|
||||||
<section v-for="(v, index) in points" :key="index">
|
<section v-for="(v, index) in points" :key="index">
|
||||||
<div
|
<div v-if="v.ordinate && v.abscissa">
|
||||||
v-if="v.level == 'Ⅰ级'"
|
<div
|
||||||
class="con_right"
|
v-if="v.level == 'Ⅰ级'"
|
||||||
:style="{ top: v.ordinate + '%', left: v.abscissa + '%' }"
|
class="con_right"
|
||||||
>
|
:style="{ top: v.ordinate + '%', left: v.abscissa + '%' }"
|
||||||
<div class="con_title con_title_bg1">
|
>
|
||||||
<img src="./img/left1/icon.png" alt="" />
|
<div class="con_title con_title_bg1">
|
||||||
<span style="margin-left: 2px">Ⅰ级:{{ v.pointName }}</span>
|
<img src="./img/left1/icon.png" alt="" />
|
||||||
|
<span style="margin-left: 2px">Ⅰ级:{{ v.pointName }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="com_img" @click="handleItem(v)">
|
||||||
|
<img src="./img/left1/icon1.png" alt="" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="com_img" @click="handleItem(v)">
|
<div
|
||||||
<img src="./img/left1/icon1.png" alt="" />
|
v-if="v.level == 'Ⅱ级'"
|
||||||
|
class="con_right con_two"
|
||||||
|
:style="{ top: v.ordinate + '%', left: v.abscissa + '%' }"
|
||||||
|
>
|
||||||
|
<div class="con_title con_title_bg2">
|
||||||
|
<img src="./img/left1/icon.png" alt="" />
|
||||||
|
<span style="margin-left: 2px">Ⅱ级:{{ v.pointName }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="com_img" @click="handleItem(v)">
|
||||||
|
<img src="./img/left1/icon2.png" alt="" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div
|
||||||
<div
|
v-if="v.level == 'Ⅲ级'"
|
||||||
v-if="v.level == 'Ⅱ级'"
|
class="con_right con_three"
|
||||||
class="con_right con_two"
|
:style="{ top: v.ordinate + '%', left: v.abscissa + '%' }"
|
||||||
:style="{ top: v.ordinate + '%', left: v.abscissa + '%' }"
|
>
|
||||||
>
|
<div class="con_title con_title_bg3">
|
||||||
<div class="con_title con_title_bg2">
|
<img src="./img/left1/icon.png" alt="" />
|
||||||
<img src="./img/left1/icon.png" alt="" />
|
<span style="margin-left: 2px">Ⅲ级:{{ v.pointName }}</span>
|
||||||
<span style="margin-left: 2px">Ⅱ级:{{ v.pointName }}</span>
|
</div>
|
||||||
</div>
|
<div class="com_img" @click="handleItem(v)">
|
||||||
<div class="com_img" @click="handleItem(v)">
|
<img src="./img/left1/icon3.png" alt="" />
|
||||||
<img src="./img/left1/icon2.png" alt="" />
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="v.level == 'Ⅲ级'"
|
|
||||||
class="con_right con_three"
|
|
||||||
:style="{ top: v.ordinate + '%', left: v.abscissa + '%' }"
|
|
||||||
>
|
|
||||||
<div class="con_title con_title_bg3">
|
|
||||||
<img src="./img/left1/icon.png" alt="" />
|
|
||||||
<span style="margin-left: 2px">Ⅲ级:{{ v.pointName }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="com_img" @click="handleItem(v)">
|
|
||||||
<img src="./img/left1/icon3.png" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
@ -2,25 +2,52 @@
|
|||||||
<div>
|
<div>
|
||||||
<container4 title="危险作业预报/月度重点安全工作提示">
|
<container4 title="危险作业预报/月度重点安全工作提示">
|
||||||
<div style="text-align: right; margin-right: 30px; margin-bottom: 5px">
|
<div style="text-align: right; margin-right: 30px; margin-bottom: 5px">
|
||||||
<bigScreenTabs v-model="index" :titleArr="['周危险', '月重点']"></bigScreenTabs>
|
<bigScreenTabs
|
||||||
|
v-model="index"
|
||||||
|
:titleArr="['周危险', '月重点']"
|
||||||
|
></bigScreenTabs>
|
||||||
</div>
|
</div>
|
||||||
<el-row style="padding: 0 30px" v-if="index == 0">
|
<el-row style="padding: 0 30px" v-if="index == 0">
|
||||||
<el-col :span="24" style="margin-bottom: 1px">
|
<el-col :span="24" style="margin-bottom: 1px">
|
||||||
<el-row style="font-size: 14px; height: 42px; line-height: 42px; background: rgba(0, 255, 255, 0.3)">
|
<el-row
|
||||||
<el-col style="text-align: center" :span="4">序号</el-col>
|
style="
|
||||||
|
font-size: 14px;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
background: rgba(0, 255, 255, 0.3);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<!-- <el-col style="text-align: center" :span="4">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="8">部门</el-col>
|
<el-col style="text-align: center" :span="8">部门</el-col>
|
||||||
<el-col style="text-align: center" :span="12">作业内容(周危险)</el-col>
|
<el-col style="text-align: center" :span="12"
|
||||||
|
>作业内容(周危险)</el-col
|
||||||
|
>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
</el-col>
|
||||||
<vue-seamless-scroll ref="seamlessScroll1" :data="listData1" class="warp-scroll" :class-option="{
|
<vue-seamless-scroll
|
||||||
singleHeight: 43,
|
ref="seamlessScroll1"
|
||||||
}">
|
:data="listData1"
|
||||||
|
class="warp-scroll"
|
||||||
|
:class-option="{
|
||||||
|
singleHeight: 43,
|
||||||
|
}"
|
||||||
|
>
|
||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="(item,index) in scrollList1" :key="index">
|
<li v-for="(item, index) in scrollList1" :key="index">
|
||||||
<el-row style="font-size: 14px">
|
<el-row style="font-size: 14px">
|
||||||
<el-col style="text-align: center" :span="4">{{ item.id }}</el-col>
|
<!-- <el-col style="text-align: center" :span="4">{{ item.id }}</el-col> -->
|
||||||
<el-col style="text-align: center" :title="item.deptName" :span="8">{{ item.deptName }}</el-col>
|
<el-col
|
||||||
<el-col style="text-align: center" :title="item.workContent" :span="12">{{ item.workContent }}</el-col>
|
style="text-align: center"
|
||||||
|
:title="item.deptName"
|
||||||
|
:span="8"
|
||||||
|
>{{ item.deptName }}</el-col
|
||||||
|
>
|
||||||
|
<el-col
|
||||||
|
style="text-align: center"
|
||||||
|
:title="item.workContent"
|
||||||
|
:span="12"
|
||||||
|
>{{ item.workContent }}</el-col
|
||||||
|
>
|
||||||
</el-row>
|
</el-row>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -28,21 +55,47 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
<el-row style="padding: 0 30px" v-if="index == 1">
|
<el-row style="padding: 0 30px" v-if="index == 1">
|
||||||
<el-col :span="24" style="margin-bottom: 1px">
|
<el-col :span="24" style="margin-bottom: 1px">
|
||||||
<el-row style="font-size: 14px; height: 42px; line-height: 42px; background: rgba(0, 255, 255, 0.3)">
|
<el-row
|
||||||
<el-col style="text-align: center" :span="4">序号</el-col>
|
style="
|
||||||
|
font-size: 14px;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
background: rgba(0, 255, 255, 0.3);
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<!-- <el-col style="text-align: center" :span="4">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="8">部门</el-col>
|
<el-col style="text-align: center" :span="8">部门</el-col>
|
||||||
<el-col style="text-align: center" :span="12">作业内容(月重点)</el-col>
|
<el-col style="text-align: center" :span="12"
|
||||||
|
>作业内容(月重点)</el-col
|
||||||
|
>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
</el-col>
|
||||||
<vue-seamless-scroll ref="seamlessScroll2" :data="listData2" class="warp-scroll" :class-option="{
|
<vue-seamless-scroll
|
||||||
singleHeight: 43,
|
ref="seamlessScroll2"
|
||||||
}">
|
:data="listData2"
|
||||||
|
class="warp-scroll"
|
||||||
|
:class-option="{
|
||||||
|
singleHeight: 43,
|
||||||
|
}"
|
||||||
|
>
|
||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="(item,index) in scrollList2" :key="index">
|
<li v-for="(item, index) in scrollList2" :key="index">
|
||||||
<el-row style="font-size: 14px">
|
<el-row style="font-size: 14px">
|
||||||
<el-col style="text-align: center" :span="4">{{ item.id }}</el-col>
|
<!-- <el-col style="text-align: center" :span="4">{{
|
||||||
<el-col style="text-align: center" :title="item.deptName" :span="8">{{ item.deptName }}</el-col>
|
item.id
|
||||||
<el-col style="text-align: center" :title="item.workContent" :span="12">{{ item.workContent }}</el-col>
|
}}</el-col> -->
|
||||||
|
<el-col
|
||||||
|
style="text-align: center"
|
||||||
|
:title="item.deptName"
|
||||||
|
:span="8"
|
||||||
|
>{{ item.deptName }}</el-col
|
||||||
|
>
|
||||||
|
<el-col
|
||||||
|
style="text-align: center"
|
||||||
|
:title="item.workContent"
|
||||||
|
:span="12"
|
||||||
|
>{{ item.workContent }}</el-col
|
||||||
|
>
|
||||||
</el-row>
|
</el-row>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -53,100 +106,100 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import container4 from './components/container4/index.vue'
|
import container4 from "./components/container4/index.vue";
|
||||||
import rocketTit from '../components/rocketTit/index.vue'
|
import rocketTit from "../components/rocketTit/index.vue";
|
||||||
import vueSeamlessScroll from 'vue-seamless-scroll'
|
import vueSeamlessScroll from "vue-seamless-scroll";
|
||||||
import bigScreenTabs from '../components/bigScreenTabs/index.vue'
|
import bigScreenTabs from "../components/bigScreenTabs/index.vue";
|
||||||
import echarts from 'echarts'
|
import echarts from "echarts";
|
||||||
require('echarts/theme/macarons') // echarts theme
|
require("echarts/theme/macarons"); // echarts theme
|
||||||
import resize from '../../dashboard/mixins/resize'
|
import resize from "../../dashboard/mixins/resize";
|
||||||
export default {
|
export default {
|
||||||
mixins: [resize],
|
mixins: [resize],
|
||||||
name: 'left1',
|
name: "left1",
|
||||||
components: {
|
components: {
|
||||||
container4,
|
container4,
|
||||||
rocketTit,
|
rocketTit,
|
||||||
vueSeamlessScroll,
|
vueSeamlessScroll,
|
||||||
bigScreenTabs,
|
bigScreenTabs,
|
||||||
},
|
},
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
index: 0,
|
index: 0,
|
||||||
|
|
||||||
listData1: [1, 2, 3, 4, 5, 6, 7, 8],
|
listData1: [1, 2, 3, 4, 5, 6, 7, 8],
|
||||||
listData2: [1, 2, 3, 4, 5, 6, 7, 8],
|
listData2: [1, 2, 3, 4, 5, 6, 7, 8],
|
||||||
scrollList1: Array(8).fill({
|
scrollList1: Array(8).fill({
|
||||||
createTime: "",
|
createTime: "",
|
||||||
deptName: "",
|
deptName: "",
|
||||||
id: 0,
|
id: 0,
|
||||||
remark: "",
|
remark: "",
|
||||||
todayDate: "",
|
todayDate: "",
|
||||||
workContent: "",
|
workContent: "",
|
||||||
},),
|
}),
|
||||||
scrollList2: Array(8).fill({
|
scrollList2: Array(8).fill({
|
||||||
createTime: "",
|
createTime: "",
|
||||||
deptName: "",
|
deptName: "",
|
||||||
id: 0,
|
id: 0,
|
||||||
remark: "",
|
remark: "",
|
||||||
todayDate: "",
|
todayDate: "",
|
||||||
workContent: "",
|
workContent: "",
|
||||||
},),
|
}),
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
index(newOld, oldVal) {
|
index(newOld, oldVal) {
|
||||||
if (newOld == 0) {
|
if (newOld == 0) {
|
||||||
if(this.$refs.seamlessScroll1) {
|
if (this.$refs.seamlessScroll1) {
|
||||||
this.$refs.seamlessScroll1.reset();
|
this.$refs.seamlessScroll1.reset();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if(this.$refs.seamlessScroll2) {
|
if (this.$refs.seamlessScroll2) {
|
||||||
this.$refs.seamlessScroll2.reset();
|
this.$refs.seamlessScroll2.reset();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted() {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.getData()
|
this.getData();
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
beforeDestroy () { },
|
beforeDestroy() {},
|
||||||
methods: {
|
methods: {
|
||||||
getData () {
|
getData() {
|
||||||
this.request({
|
this.request({
|
||||||
url: '/hx/securityManagement/dangerousWork',
|
url: "/hx/securityManagement/dangerousWork",
|
||||||
method: 'get',
|
method: "get",
|
||||||
params: { type: 1 }
|
params: { type: 1 },
|
||||||
}).then(res => {
|
}).then((res) => {
|
||||||
if (200 == res.code) {
|
if (200 == res.code) {
|
||||||
this.scrollList1 = res.data;
|
this.scrollList1 = res.data;
|
||||||
this.listData1 = Array(this.scrollList1.length).fill(0);
|
this.listData1 = Array(this.scrollList1.length).fill(0);
|
||||||
if(this.$refs.seamlessScroll1) {
|
if (this.$refs.seamlessScroll1) {
|
||||||
this.$refs.seamlessScroll1.reset();
|
this.$refs.seamlessScroll1.reset();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.msg);
|
this.$message.error(res.msg);
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
this.request({
|
this.request({
|
||||||
url: '/hx/securityManagement/dangerousWork',
|
url: "/hx/securityManagement/dangerousWork",
|
||||||
method: 'get',
|
method: "get",
|
||||||
params: { type: 2 }
|
params: { type: 2 },
|
||||||
}).then(res => {
|
}).then((res) => {
|
||||||
if (200 == res.code) {
|
if (200 == res.code) {
|
||||||
this.scrollList2 = res.data;
|
this.scrollList2 = res.data;
|
||||||
this.listData2 = Array(this.scrollList2.length).fill(0);
|
this.listData2 = Array(this.scrollList2.length).fill(0);
|
||||||
if(this.$refs.seamlessScroll2) {
|
if (this.$refs.seamlessScroll2) {
|
||||||
this.$refs.seamlessScroll2.reset();
|
this.$refs.seamlessScroll2.reset();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.msg);
|
this.$message.error(res.msg);
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@ -66,7 +66,7 @@
|
|||||||
background: rgba(0, 255, 255, 0.3);
|
background: rgba(0, 255, 255, 0.3);
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<el-col style="text-align: center" :span="3">序号</el-col>
|
<!-- <el-col style="text-align: center" :span="3">序号</el-col> -->
|
||||||
<el-col style="text-align: center" :span="7">危险点</el-col>
|
<el-col style="text-align: center" :span="7">危险点</el-col>
|
||||||
<el-col style="text-align: center" :span="7">危险级别</el-col>
|
<el-col style="text-align: center" :span="7">危险级别</el-col>
|
||||||
<el-col style="text-align: center" :span="7">运行状态</el-col>
|
<el-col style="text-align: center" :span="7">运行状态</el-col>
|
||||||
@ -83,9 +83,9 @@
|
|||||||
<ul class="item">
|
<ul class="item">
|
||||||
<li v-for="(item, index) in points" :key="index">
|
<li v-for="(item, index) in points" :key="index">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col style="text-align: center" :span="3">{{
|
<!-- <el-col style="text-align: center" :span="3">{{
|
||||||
item.id
|
item.id
|
||||||
}}</el-col>
|
}}</el-col> -->
|
||||||
<el-col
|
<el-col
|
||||||
style="text-align: center"
|
style="text-align: center"
|
||||||
:title="item.pointName"
|
:title="item.pointName"
|
||||||
|
@ -37,7 +37,7 @@ module.exports = {
|
|||||||
// target: `http://120.26.107.74:1818`,
|
// target: `http://120.26.107.74:1818`,
|
||||||
// target: `http://172.18.3.109:1818`,
|
// target: `http://172.18.3.109:1818`,
|
||||||
// target: `http://192.168.10.3:1818`,
|
// target: `http://192.168.10.3:1818`,
|
||||||
target: `http://172.18.3.127:1818`,
|
target: `http://192.168.110.10:1818`,
|
||||||
// target: `http://124.70.138.50:1818`,
|
// target: `http://124.70.138.50:1818`,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
|
Reference in New Issue
Block a user