flx：冲突
This commit is contained in:
commit
3587deb0c1
206
components/g-picker/g-picker.vue
Normal file
206
components/g-picker/g-picker.vue
Normal file
@ -0,0 +1,206 @@
|
||||
<template>
|
||||
<view class="g-picker">
|
||||
<view class="g-picker-value" @click="showPicker">
|
||||
<!-- <u-input v-model="value" disabled disabledColor="#fff" :inputAlign="inputAlign" :placeholder="placeholder" style="pointer-events: none">
|
||||
</u-input> -->
|
||||
<text v-if="value">{{value}}</text>
|
||||
<text class="_placeholder" v-else>{{placeholder}}</text>
|
||||
<!-- <u-icon v-if="!disabled" name="arrow-right" color="#c0c4cc"></u-icon> -->
|
||||
</view>
|
||||
<u-popup v-model="show" :round="6" mode="bottom">
|
||||
<view class="g-picker-con">
|
||||
<view class="g-picker-operate">
|
||||
<text @click="show = false">取消</text>
|
||||
<text @click="confirm">确认</text>
|
||||
</view>
|
||||
<view class="g-picker-list">
|
||||
<view class="g-picker-item" v-for="(col, inx) in columnsList" :key="inx"
|
||||
@click="checkItem(col, inx)">
|
||||
<view :class="['g-picker-item_label', col._check ? 'g-picker-item--actived' : '']"
|
||||
:style="{color: col._check ? activedColor : '#333'}">{{ col[filter.label] }}</view>
|
||||
<u-icon class="g-picker-item_icon" v-show="col._check" name="checkbox-mark"
|
||||
:color="activedColor"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
model: {
|
||||
prop: 'value',
|
||||
event: 'change'
|
||||
},
|
||||
props: {
|
||||
// picker组件绑定值，默认 name 用，拼接
|
||||
value: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
// 数据源
|
||||
columns: {
|
||||
type: Array,
|
||||
default: () => {
|
||||
return []
|
||||
}
|
||||
},
|
||||
// 数据显示格式化
|
||||
filter: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {
|
||||
label: 'label',
|
||||
value: 'value'
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否禁用
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 选中后颜色
|
||||
activedColor: {
|
||||
type: String,
|
||||
default: "#000"
|
||||
},
|
||||
// 文本对齐方式
|
||||
inputAlign: {
|
||||
type: String,
|
||||
default: "right"
|
||||
},
|
||||
// 默认提示
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: "请选择"
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
show: false,
|
||||
columnsList: [],
|
||||
value_chx: []
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: {
|
||||
handler(n) {
|
||||
if (n) this.reShow();
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
columns: {
|
||||
handler(n) {
|
||||
this.columnsList = n
|
||||
if (n.length) {
|
||||
for (let val of this.columnsList) {
|
||||
this.$set(val, '_check', false)
|
||||
}
|
||||
}
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showPicker() {
|
||||
if (this.disabled) return
|
||||
this.show = true
|
||||
},
|
||||
reShow() {
|
||||
let data = this.value.split(",")
|
||||
setTimeout(() => {
|
||||
for (let val of this.columnsList) {
|
||||
if (data.includes(val[this.filter.label])) val._check = true
|
||||
}
|
||||
}, 100)
|
||||
},
|
||||
checkItem(col, inx) {
|
||||
col._check = !col._check
|
||||
},
|
||||
// close() {
|
||||
// this.show = false
|
||||
// this.$emit("close")
|
||||
// },
|
||||
confirm() {
|
||||
let value = [],
|
||||
label = []
|
||||
this.value_chx = this.columns.filter(v => v._check)
|
||||
for (let val of this.value_chx) {
|
||||
value.push(val[this.filter.value])
|
||||
label.push(val[this.filter.label])
|
||||
}
|
||||
this.show = false
|
||||
this.$emit('confirm', this.value_chx, value, label)
|
||||
this.$emit('change', label.join(","))
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.g-picker {
|
||||
|
||||
.g-picker-value {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.g-picker-con {
|
||||
color: #333;
|
||||
font-size: 28rpx;
|
||||
|
||||
.g-picker-operate {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 80rpx;
|
||||
padding: 0 32rpx;
|
||||
|
||||
text {
|
||||
color: #999;
|
||||
|
||||
&:last-child {
|
||||
color: #3c9cff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.g-picker-list {
|
||||
min-height: 30vh;
|
||||
max-height: 60vh;
|
||||
overflow-y: scroll;
|
||||
|
||||
.g-picker-item {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
|
||||
.g-picker-item_label {
|
||||
width: 66%;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.g-picker-item--actived {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.g-picker-item_icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 40rpx;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
._placeholder {
|
||||
color: rgb(192, 196, 204);
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
@ -146,7 +146,22 @@
|
||||
"androidStyle" : "common"
|
||||
}
|
||||
},
|
||||
"nativePlugins" : {}
|
||||
"nativePlugins" : {
|
||||
"KJ-NotificationAndroid" : {
|
||||
"__plugin_info__" : {
|
||||
"name" : "常驻通知栏、进度条通知栏(andorid) - [试用版，仅用于自定义调试基座]",
|
||||
"description" : "常驻通知栏、进度条通知栏(andorid) 、请试用合适再购买、请试用合适再购买、请试用合适再购买",
|
||||
"platforms" : "Android",
|
||||
"url" : "https://ext.dcloud.net.cn/plugin?id=9659",
|
||||
"android_package_name" : "",
|
||||
"ios_bundle_id" : "",
|
||||
"isCloud" : true,
|
||||
"bought" : 0,
|
||||
"pid" : "9659",
|
||||
"parameters" : {}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
/* 快应用特有相关 */
|
||||
"quickapp" : {},
|
||||
|
||||
2
node_modules/.package-lock.json
generated
vendored
2
node_modules/.package-lock.json
generated
vendored
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "zhgdyunapp",
|
||||
"lockfileVersion": 3,
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"node_modules/@babel/runtime": {
|
||||
|
||||
38
pages.json
38
pages.json
@ -2624,6 +2624,30 @@
|
||||
}
|
||||
},
|
||||
// 巡检路线
|
||||
{
|
||||
"path": "pages/projectEnd/InspectionRoute/inspection",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/projectEnd/InspectionRoute/inspectionPointList",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/projectEnd/InspectionRoute/editInspectionPoint",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/projectEnd/InspectionRoute/inspectionPlan",
|
||||
"style": {
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/projectEnd/InspectionRoute/inspectedstay",
|
||||
"style": {
|
||||
@ -2684,6 +2708,20 @@
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "components/g-picker/g-picker",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/projectEnd/InspectionRoute/mapLocatoin/mapLocatoin",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
}
|
||||
],
|
||||
// "subPackages":[{
|
||||
|
||||
569
pages/projectEnd/InspectionRoute/editInspectionPoint.vue
Normal file
569
pages/projectEnd/InspectionRoute/editInspectionPoint.vue
Normal file
@ -0,0 +1,569 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="fixedheader">
|
||||
<headers :showBack="true">
|
||||
<view class="headerName">
|
||||
{{pageTitle}}
|
||||
</view>
|
||||
</headers>
|
||||
</view>
|
||||
<view class="content" :style="{paddingTop: mobileTopHeight + 50 + 'px'}">
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>巡检点名称：</view>
|
||||
<input class="inpuStyle" v-model="form.checkingPointName" placeholder="请输入"></input>
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>巡检点位置：</view>
|
||||
<input class="inpuStyle" v-model="form.position" placeholder="请输入"></input>
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>所属区域：</view>
|
||||
<picker mode="selector" :range="pointAreaList" range-key="regionName" @change="handleChangeRegion" filterable>
|
||||
<view class="picker">
|
||||
<view class="" style="color: #c0c4cc; font-size: 28rpx;" v-if="!form.qualityRegionId">
|
||||
请选择
|
||||
</view>
|
||||
<view class="" v-else>
|
||||
{{areaData.regionName}}
|
||||
</view>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>责任企业：</view>
|
||||
<g-picker style="flex: 1" v-model="enterpriseName" :columns="enterpriseList" :filter="{label: 'enterpriseName', value: 'id'}" input-align="left" @confirm="handleChangeEnterprise"></g-picker>
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name"><text class="star">*</text>责任人：</view>
|
||||
<g-picker style="flex: 1" v-model="inspectUserName" :columns="chargerList" :filter="{label: 'realName', value: 'userId'}" input-align="left" @confirm="handleChangeCharger"></g-picker>
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name large"><text class="star">*</text>最低巡检时长(分钟)：</view>
|
||||
<input v-model="form.minInspectTime" type="number" placeholder="请输入" />
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name">巡检点定位：</view>
|
||||
<view v-if="form.addr" class="areaStyle" @click="handleJumpMap">
|
||||
{{form.addr}}
|
||||
</view>
|
||||
<view v-else style="color: #c0c4cc; font-size: 28rpx;" @click="handleJumpMap">
|
||||
去获取定位
|
||||
</view>
|
||||
</view>
|
||||
<view class="type flex">
|
||||
<view class="name large-2"><text class="star">*</text>自定义范围(米)：</view>
|
||||
<picker mode="selector" :range="standOptions" @change="handleChangeStandArea" filterable>
|
||||
<view class="picker">
|
||||
<view class="" style="color: #c0c4cc; font-size: 28rpx;" v-if="!form.standArea">
|
||||
请选择
|
||||
</view>
|
||||
<view class="" v-else>
|
||||
{{form.standArea}}
|
||||
</view>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="dy_form">
|
||||
<view class="dy_head">
|
||||
<view class="head_left">
|
||||
<image class="ic" src="@/static/icon/form.svg"></image>
|
||||
<text class="title">动态表单</text>
|
||||
</view>
|
||||
<button @click="addFormInput" class="add_btn" size="mini" type="primary" plain="true"><u-icon style="margin-right: 8rpx;" size="16" name="plusempty" color="#007aff"></u-icon>新增项</button>
|
||||
</view>
|
||||
<view class="dy_content" v-for="(item, index) in dyFormData" :key="index">
|
||||
<view class="c_colum">
|
||||
<input v-model="item.title" />
|
||||
<button @click="delFormInput(index)" class="del_btn" size="mini" type="warn" plain="true">删除<u-icon style="margin-left: 8rpx;" size="16" name="closeempty" color="#e64340"></u-icon></button>
|
||||
</view>
|
||||
<view class="c_body">
|
||||
<input class="c_input" v-model="item.value" :placeholder="`请输入${item.title}`" />
|
||||
<radio-group>
|
||||
<radio style="margin-right: 12rpx;" value="1" :checked="item.isRequired">必填</radio>
|
||||
<radio value="2" :checked="!item.isRequired">非必填</radio>
|
||||
</radio-group>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<button style="visibility: hidden;">占位用</button>
|
||||
<button class="save-btn" type="primary" @click="save">保存</button>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import gPicker from "@/components/g-picker/g-picker.vue"
|
||||
export default {
|
||||
components: {
|
||||
gPicker
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
editId: "",
|
||||
coordType: "gcj02",
|
||||
standOptions: [30, 50, 100, 200, 300],
|
||||
mobileTopHeight: 0,
|
||||
projectSn: '',
|
||||
userInfo: {},
|
||||
pointAreaList: [],
|
||||
areaData: {},
|
||||
enterpriseData: {},
|
||||
chargerList: [],
|
||||
enterpriseList: [],
|
||||
pageTitle: "新增巡检点",
|
||||
checkEnterpriseName: "",
|
||||
enterpriseName: "",
|
||||
inspectUserName: "",
|
||||
form: {
|
||||
checkingPointName: "",
|
||||
position: "",
|
||||
qualityRegionId: "", // 区域ID
|
||||
enterpriseId: "", // 责任企业
|
||||
inspectUserIds: "", //检查人
|
||||
noticeUserIds: "", //通知人
|
||||
startTime: "",
|
||||
endTime: "",
|
||||
frequencyType: 1,
|
||||
frequencyNum: 1,
|
||||
minInspectTime: undefined,
|
||||
standArea: 100, //范围
|
||||
latitude: "", //纬度
|
||||
longitude: "", //经度
|
||||
addr: "", //地图区域
|
||||
},
|
||||
dyFormData: []
|
||||
}
|
||||
},
|
||||
async onLoad(option) {
|
||||
let that = this;
|
||||
uni.$on('locationSuccessEvent',function(data){
|
||||
console.log('监听到事件来自 locationSuccessEvent', data);
|
||||
const { latitude, longitude, standArea, address } = data;
|
||||
that.form.latitude = latitude;
|
||||
that.form.longitude = longitude;
|
||||
that.form.standArea = standArea;
|
||||
that.form.addr = address;
|
||||
})
|
||||
this.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn;
|
||||
this.userInfo = JSON.parse(uni.getStorageSync('userInfo'));
|
||||
|
||||
this.editId = ""
|
||||
await this.getPointAreaFn();
|
||||
// 编辑
|
||||
if(option.id) {
|
||||
this.editId = option.id;
|
||||
// await this.getData()
|
||||
} else {
|
||||
this.mapGetLocation();
|
||||
}
|
||||
|
||||
console.info(option, '-------')
|
||||
// this.taskId = option.taskId
|
||||
// this.itemId = option.itemId
|
||||
// this.form.taskId = option.taskId
|
||||
// this.form.itemId = option.itemId
|
||||
// if(option.engineeringId) this.engineeringId = option.engineeringId
|
||||
// if(option.type) this.type = Number(option.type)
|
||||
},
|
||||
mounted() {
|
||||
var that = this
|
||||
uni.getSystemInfo({
|
||||
success(res) {
|
||||
that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
|
||||
uni.setStorageSync('systemInfo',res)
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
console.log('this.mobileTopHeight',this.mobileTopHeight)
|
||||
|
||||
this.dyFormData.splice(0);
|
||||
this.dyFormData.push({
|
||||
title: "表单标题",
|
||||
name: "",
|
||||
isRequired: "1",
|
||||
value: "",
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
this.sendRequest({
|
||||
url: 'xmgl/checkingPoint/queryById',
|
||||
method: 'get',
|
||||
data: {
|
||||
id: this.editId
|
||||
},
|
||||
success: (res) => {
|
||||
if(res.code === 200) {
|
||||
this.form = res.result
|
||||
console.info(this.pointAreaList.find(item => item.id === this.form.qualityRegionId))
|
||||
}
|
||||
console.log(res, 'xiangqing');
|
||||
}
|
||||
})
|
||||
},
|
||||
// 获取区域列表
|
||||
getPointAreaFn() {
|
||||
let requestData = {
|
||||
projectSn: this.projectSn,
|
||||
};
|
||||
this.sendRequest({
|
||||
url: 'xmgl/qualityRegion/notTreeList',
|
||||
method: 'post',
|
||||
data: requestData,
|
||||
success: (res) => {
|
||||
console.log(res);
|
||||
this.pointAreaList = res.result;
|
||||
}
|
||||
})
|
||||
},
|
||||
// 切换区域
|
||||
handleChangeRegion(e) {
|
||||
let index = e.detail.value;
|
||||
let findItem = this.pointAreaList[index];
|
||||
this.form.qualityRegionId = findItem.id;
|
||||
this.form.enterpriseId = "";
|
||||
this.form.inspectUserIds = "";
|
||||
this.enterpriseData = {};
|
||||
console.log(findItem);
|
||||
this.areaData = findItem;
|
||||
this.chargerList = findItem.systemUsers;
|
||||
this.enterpriseList = findItem.enterpriseInfos;
|
||||
console.info(this.enterpriseList, 'enlist')
|
||||
},
|
||||
// 切换责任企业
|
||||
handleChangeEnterprise(e,values,labels) {
|
||||
console.info(e, 'eee', this.form.enterpriseId, values, labels)
|
||||
this.form.enterpriseId = values.join(',');
|
||||
this.$nextTick(() => {
|
||||
if(this.form.enterpriseId) {
|
||||
this.chargerList = this.areaData.systemUsers.filter((item) => {
|
||||
return this.form.enterpriseId.includes(item.enterpriseId);
|
||||
});
|
||||
if (this.form.inspectUserIds) {
|
||||
this.form.inspectUserIds = "";
|
||||
this.inspectUserName = "";
|
||||
}
|
||||
} else {
|
||||
this.chargerList = this.areaData.systemUsers;
|
||||
this.form.inspectUserIds = "";
|
||||
this.inspectUserName = "";
|
||||
}
|
||||
})
|
||||
},
|
||||
// 切换责任人
|
||||
handleChangeCharger(e,values,labels) {
|
||||
console.info(e, 'eeeee')
|
||||
this.form.inspectUserIds = values.join(',');
|
||||
console.info(this.form.inspectUserIds, "inspectUserIds")
|
||||
},
|
||||
// 切换选中范围
|
||||
handleChangeStandArea(e) {
|
||||
console.info(e,'eee')
|
||||
this.form.standArea = this.standOptions[e.detail.value];
|
||||
},
|
||||
handleJumpMap() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/projectEnd/InspectionRoute/mapLocatoin/mapLocatoin?standArea=${this.form.standArea}&latitude=${this.form.latitude}&longitude=${this.form.longitude}&addr=${this.form.addr}`
|
||||
})
|
||||
},
|
||||
mapGetLocation() {
|
||||
let that = this
|
||||
uni.getLocation({
|
||||
type: that.coordType,
|
||||
geocode: true,
|
||||
isHighAccuracy: "true",
|
||||
accuracy: "best", // 精度值为20m
|
||||
success: function(res) {
|
||||
console.log('当前位置的经度：' + res.longitude);
|
||||
console.log('当前位置的纬度：' + res.latitude);
|
||||
console.log(res, 'res..')
|
||||
that.form.latitude = res.latitude;
|
||||
that.form.longitude = res.longitude;
|
||||
const { country, province, city, district, street, streetNum, poiName } = res.address;
|
||||
that.form.addr = country + province + city + district + street + streetNum + poiName;
|
||||
},
|
||||
fail: function(msg) {
|
||||
console.log("获取位置失败", msg)
|
||||
}
|
||||
});
|
||||
},
|
||||
addFormInput() {
|
||||
this.dyFormData.push({
|
||||
title: '表单标题',
|
||||
name: '',
|
||||
isRequired: "1",
|
||||
value: ''
|
||||
})
|
||||
},
|
||||
delFormInput(i) {
|
||||
this.dyFormData.splice(i, 1);
|
||||
},
|
||||
save() {
|
||||
const res = this.verify();
|
||||
if(!res) return;
|
||||
|
||||
// 新增
|
||||
const params = { ...this.form };
|
||||
params.projectSn = this.projectSn;
|
||||
params.createUserId = this.userInfo.userId;
|
||||
params.createUserName = this.userInfo.account;
|
||||
let newDyForm = this.deepClone(this.dyFormData);
|
||||
params.template = JSON.stringify(newDyForm.forEach(item => item.isRequired = item.isRequired == "1" ? true : false));
|
||||
|
||||
this.sendRequest({
|
||||
url: 'xmgl/checkingPoint/add',
|
||||
method: 'post',
|
||||
data: params,
|
||||
success: res => {
|
||||
console.info(res,'res')
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: '保存成功'
|
||||
})
|
||||
setTimeout(() => {
|
||||
uni.redirectTo({
|
||||
url: '/pages/projectEnd/InspectionRoute/inspectionPointList'
|
||||
})
|
||||
}, 1200)
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.message,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 深度克隆
|
||||
deepClone (obj) {
|
||||
if([null, undefined, NaN, false].includes(obj)) return obj;
|
||||
if(typeof obj !== "object" && typeof obj !== 'function') {
|
||||
return obj;
|
||||
}
|
||||
var o = Object.prototype.toString.call(obj) === '[object Array]' ? [] : {};
|
||||
for(let i in obj) {
|
||||
if(obj.hasOwnProperty(i)){
|
||||
o[i] = typeof obj[i] === "object" ? this.deepClone(obj[i]) : obj[i];
|
||||
}
|
||||
}
|
||||
return o;
|
||||
},
|
||||
verify() {
|
||||
if(!this.form.checkingPointName) {
|
||||
uni.showToast({
|
||||
title: '请输入巡检点名称',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
}
|
||||
if(!this.form.position) {
|
||||
uni.showToast({
|
||||
title: '请输入巡检点位置',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
}
|
||||
if(!this.form.qualityRegionId) {
|
||||
uni.showToast({
|
||||
title: '请选择所属区域',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
}
|
||||
if(!this.form.enterpriseId) {
|
||||
uni.showToast({
|
||||
title: '请选择责任企业',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
}
|
||||
if(!this.form.inspectUserIds) {
|
||||
uni.showToast({
|
||||
title: '请选择责任人',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
}
|
||||
if(!this.form.minInspectTime) {
|
||||
uni.showToast({
|
||||
title: '请输入最低巡检时长',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
}
|
||||
if(!this.form.standArea) {
|
||||
uni.showToast({
|
||||
title: '请选择自定义范围',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
}
|
||||
return true
|
||||
// checkingPointName: "",
|
||||
// position: "",
|
||||
// qualityRegionId: "", // 区域ID
|
||||
// enterpriseId: "", // 责任企业
|
||||
// inspectUserIds: "", //检查人
|
||||
// noticeUserIds: "", //通知人
|
||||
// startTime: "",
|
||||
// endTime: "",
|
||||
// frequencyType: 1,
|
||||
// frequencyNum: 1,
|
||||
// minInspectTime: undefined,
|
||||
// standArea: 100, //范围
|
||||
// latitude: "", //纬度
|
||||
// longitude: "", //经度
|
||||
// addr: "", //地图区域
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.fixedheader{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
.headerName{
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.flex3 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 20px 30rpx;
|
||||
}
|
||||
|
||||
.type {
|
||||
font-size: 30rpx;
|
||||
line-height: 40px;
|
||||
margin-bottom: 8px;
|
||||
/* border-bottom: 1px solid rgba(194, 194, 194, 0.2); */
|
||||
}
|
||||
|
||||
.type .name {
|
||||
margin-right: 6px;
|
||||
width: 185rpx;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
&.large {
|
||||
width: 300rpx;
|
||||
}
|
||||
&.large-2 {
|
||||
width: 240rpx;
|
||||
}
|
||||
}
|
||||
.uni-input {
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
width: calc(79% - 32px);
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(42, 43, 91, 0.3);
|
||||
padding: 8px 15px;
|
||||
box-sizing: border-box;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.inpuStyle {
|
||||
width: calc(80% - 35px);
|
||||
border-radius: 5px;
|
||||
// border: 1px solid rgba(42, 43, 91, 0.3);
|
||||
padding: 8px 15px;
|
||||
box-sizing: border-box;
|
||||
height: 35px;
|
||||
color: #000;
|
||||
}
|
||||
.areaStyle {
|
||||
width: calc(80% - 35px);
|
||||
color: #000;
|
||||
line-height: 35rpx;
|
||||
height: 35px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.dy_form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
.dy_head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 32rpx;
|
||||
.head_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.ic {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
.title {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.add_btn {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.dy_content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 40rpx;
|
||||
.c_colum {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom: solid 1px rgba(187, 187, 187, 0.14);
|
||||
padding: 0 0 16rpx 16rpx;
|
||||
.text {
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.del_btn {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.c_body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 32rpx;
|
||||
.c_input {
|
||||
flex: 1;
|
||||
border: 2rpx solid rgba(220, 224, 231, 0.4);
|
||||
border-radius: 6rpx;
|
||||
height: 72rpx;
|
||||
padding: 0 12rpx;
|
||||
margin-right: 52rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.save-btn {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
357
pages/projectEnd/InspectionRoute/inspection.vue
Normal file
357
pages/projectEnd/InspectionRoute/inspection.vue
Normal file
@ -0,0 +1,357 @@
|
||||
<template>
|
||||
<view class="emergencyDisposal">
|
||||
<headers class="fixedheader" :showBack="true">
|
||||
<view class="headerName">
|
||||
智能巡检
|
||||
</view>
|
||||
</headers>
|
||||
<view class="problemOverview" :style="{ 'margin-top': (statusBarHeight+52) + 'px' }">
|
||||
<view class="overFlex">
|
||||
<view class="overLeft">任务统计</view>
|
||||
<view class="overRight">{{nowTime}}</view>
|
||||
</view>
|
||||
<view class="problemData">
|
||||
<view class="dataBox1 dataStyle">
|
||||
<view class="num">{{totalNum}}</view>
|
||||
<view class="text">未开始</view>
|
||||
</view>
|
||||
<view class="dataBox2 dataStyle">
|
||||
<view class="num">{{totalNum}}</view>
|
||||
<view class="text">进行中</view>
|
||||
</view>
|
||||
<view class="dataBox4 dataStyle">
|
||||
<view class="num">{{totalNum}}</view>
|
||||
<view class="text">已预期</view>
|
||||
</view>
|
||||
<view class="dataBox3 dataStyle">
|
||||
<view class="num">{{totalNum}}</view>
|
||||
<view class="text">已巡检</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="commonModules">
|
||||
<view class="overLeft">常用模块</view>
|
||||
<view class="modulesList">
|
||||
<view class="menu" @click="jumpPage('inspectionPointList')">
|
||||
<image class="icon primary" src="@/static/icon/inspection_point.png"></image>
|
||||
<view>巡检点</view>
|
||||
</view>
|
||||
<view class="menu" @click="jumpPage('inspectionPlan')">
|
||||
<image class="icon success" src="@/static/icon/inspection_plan.png"></image>
|
||||
<view>巡检计划</view>
|
||||
</view>
|
||||
<view class="menu" @click="jumpPage('inspectedstay')">
|
||||
<image class="icon wraning" src="@/static/icon/inspection_task.png">
|
||||
</image>
|
||||
<view>我的任务</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<levitatedsphere :x="100" :y="80"></levitatedsphere>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import levitatedsphere from "@/components/levitatedsphere/levitatedsphere.vue"
|
||||
import headers from "../../../components/headers/headers.vue"
|
||||
var _self;
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
totalNum: 0,
|
||||
statusBarHeight: 0,
|
||||
nowTime: '',
|
||||
projectSn: '',
|
||||
dataList: [],
|
||||
total: 0,
|
||||
page: 1,
|
||||
getGoId: -1,
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.getGoId = option.id;
|
||||
},
|
||||
mounted() {
|
||||
this.getTime();
|
||||
},
|
||||
onShow() {
|
||||
// this.dataList = [];
|
||||
this.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn;
|
||||
this.statusBarHeight = uni.getStorageSync('systemInfo').statusBarHeight;
|
||||
},
|
||||
methods: {
|
||||
//实时时间
|
||||
getTime() {
|
||||
this.timer = setInterval(() => {
|
||||
let timeDate = new Date()
|
||||
let year = timeDate.getFullYear()
|
||||
let mounth = timeDate.getMonth() + 1
|
||||
let day = timeDate.getDate()
|
||||
let hours = timeDate.getHours()
|
||||
hours = hours >= 10 ? hours : '0' + hours
|
||||
let minutes = timeDate.getMinutes()
|
||||
minutes = minutes >= 10 ? minutes : '0' + minutes
|
||||
let seconds = timeDate.getSeconds()
|
||||
seconds = seconds >= 10 ? seconds : '0' + seconds
|
||||
let week = timeDate.getDay()
|
||||
let weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
|
||||
this.nowTime = `${year}-${mounth}-${day} ${hours}:${minutes}:${seconds}`
|
||||
}, 1000)
|
||||
},
|
||||
jumpPage(page) {
|
||||
console.log(page, 'page');
|
||||
uni.navigateTo({
|
||||
url: `/pages/projectEnd/InspectionRoute/${page}`
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.emergencyDisposal {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fixedheader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
|
||||
/deep/.headerBox {
|
||||
background: #2b8df3;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.noData {
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
margin-top: 120px;
|
||||
color: #bed0fb;
|
||||
}
|
||||
|
||||
.noDataImg {
|
||||
width: 125px;
|
||||
height: 98px;
|
||||
}
|
||||
|
||||
.problemOverview {
|
||||
// height: 33%;
|
||||
// box-sizing: border-box;
|
||||
border-radius: 10px;
|
||||
// border: 3px solid #fafbfc;
|
||||
margin: 0 2% 11% 2%;
|
||||
padding: 3% 3%;
|
||||
|
||||
|
||||
.overFlex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.overRight {
|
||||
// float: right;
|
||||
font-size: 24rpx;
|
||||
color: gray;
|
||||
margin: 6rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.problemData {
|
||||
margin-top: 4%;
|
||||
display: flex;
|
||||
background: linear-gradient(180deg, #FCF2D6 0%, #FFFFFF 50%);
|
||||
box-shadow: 0 8rpx 16rpx 0 rgba(219, 229, 255, 0.6);
|
||||
border-radius: 10rpx;
|
||||
|
||||
.dataStyle {
|
||||
width: 300rpx;
|
||||
// height: 180rpx;
|
||||
text-align: center;
|
||||
margin: 24rpx 0;
|
||||
}
|
||||
|
||||
.dataStyle:not(:last-child) {
|
||||
border-right: 2rpx solid #FFD356;
|
||||
}
|
||||
|
||||
.dataBox1 {
|
||||
// background: #ebf1ff;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
|
||||
.day {
|
||||
font-size: 12px;
|
||||
color: #3a7bff;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #3a7bff;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.dataBox2 {
|
||||
// background: #fcebec;
|
||||
|
||||
.day {
|
||||
font-size: 12px;
|
||||
color: #ea3941;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #ea3941;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.dataBox3 {
|
||||
// background: #eef9f6;
|
||||
|
||||
.day {
|
||||
font-size: 12px;
|
||||
color: #5ecba7;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #5ecba7;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.dataBox4 {
|
||||
// background: #fff4e7;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
|
||||
.day {
|
||||
font-size: 12px;
|
||||
color: #ff9810;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #ff9810;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.overDataList {
|
||||
padding-left: 7px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.overDataList>span:not(:last-child)::after {
|
||||
content: '|';
|
||||
margin: 0 10px;
|
||||
color: #e9e9e9;
|
||||
}
|
||||
|
||||
.commonModules {
|
||||
height: 66%;
|
||||
margin: -10% 2%;
|
||||
padding: 3% 3%;
|
||||
|
||||
.modulesList {
|
||||
margin-top: 15%;
|
||||
display: grid;
|
||||
grid-gap: 20px;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
|
||||
.menu {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
.icon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 6px;
|
||||
line-height: 20px;
|
||||
border-radius: 8px;
|
||||
&.primary {
|
||||
background-color: rgba(0, 119, 250, 1);
|
||||
}
|
||||
&.success {
|
||||
background-color: rgba(80, 175, 177, 1);
|
||||
}
|
||||
&.wraning {
|
||||
background-color: rgba(233, 157, 66, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.overLeft {
|
||||
// float: left;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
|
||||
.overEmergency {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: bold;
|
||||
font-size: 34rpx;
|
||||
line-height: 44rpx;
|
||||
padding-bottom: 20rpx;
|
||||
color: #000000;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.overEmergency::after {
|
||||
content: "";
|
||||
width: 190rpx;
|
||||
border-bottom: 6rpx solid #3A7BFF;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
</style>
|
||||
1707
pages/projectEnd/InspectionRoute/inspectionPlan.vue
Normal file
1707
pages/projectEnd/InspectionRoute/inspectionPlan.vue
Normal file
File diff suppressed because it is too large
Load Diff
494
pages/projectEnd/InspectionRoute/inspectionPointList.vue
Normal file
494
pages/projectEnd/InspectionRoute/inspectionPointList.vue
Normal file
@ -0,0 +1,494 @@
|
||||
<template>
|
||||
<view class="listPage">
|
||||
<view class="fixedheader">
|
||||
<headers :showBack="true">
|
||||
<view class="headerName">
|
||||
巡检点
|
||||
</view>
|
||||
</headers>
|
||||
<view class="searchBox">
|
||||
<form>
|
||||
<view class="uni-form-item">
|
||||
<input class="uni-input" name="searchName" v-model="condition.search" placeholder="输入巡检点名称、所属区域、责任人" />
|
||||
<button class="mini-btn" type="primary" size="mini" @click="loadData">搜索</button>
|
||||
</view>
|
||||
</form>
|
||||
</view>
|
||||
</view>
|
||||
<view class="content" :style="{paddingTop: mobileTopHeight + 100 + 'px'}">
|
||||
<view class="item" v-if="listData.length>0" v-for="(item,index) in listData" :key="index"
|
||||
@click="goDetails(item)">
|
||||
<image class="safety_ic" src="@/static/icon/safety.png"></image>
|
||||
<view class="item_left">
|
||||
<view class="card_title">
|
||||
<text class="title">{{item.checkingPointName}}</text>
|
||||
<text class="value">（安全监管区域）</text>
|
||||
</view>
|
||||
<view class="card_title">
|
||||
<text class="label">巡检位置：</text>
|
||||
<text class="value">{{item.position}}</text>
|
||||
</view>
|
||||
<view class="card_title">
|
||||
<text class="label">最低巡检时长(分钟)：</text>
|
||||
<text class="value">{{item.minInspectTime}}</text>
|
||||
</view>
|
||||
<view class="card_title">
|
||||
<text class="label">创建人：</text>
|
||||
<text class="value">{{item.createUserName}}</text>
|
||||
<text class="label wrap">（{{item.createDate}}）</text>
|
||||
</view>
|
||||
<view class="card_title">
|
||||
<text class="label">责任企业：</text>
|
||||
<text class="value">{{item.enterpriseName}}</text>
|
||||
</view>
|
||||
<view class="card_title">
|
||||
<text class="label">责任人：</text>
|
||||
<text class="value">{{item.inspectUserNames}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item_right">
|
||||
<image :src="url_config+'image/'+item.qrCode" class="qrcode_img"></image>
|
||||
<view class="text_wrap">
|
||||
<image class="d_ic" src="@/static/icon/riLine-download-line.svg"></image>
|
||||
<view class="d_text" @click="saveImage(url_config+'image/'+item.qrCode)">下载二维码</view>
|
||||
</view>
|
||||
<view class="btn_wrap">
|
||||
<view class="common_btn primary" @click="handleEdit(item)"><image class="b_ic" src="@/static/icon/edit.svg"></image></view>
|
||||
<view class="common_btn danger"><image class="b_ic" src="@/static/icon/delete.svg"></image></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="noData" v-if="listData.length==0">
|
||||
<image class="noDataImg" src="../../../static/noData.png"></image>
|
||||
<view>暂无数据</view>
|
||||
</view>
|
||||
|
||||
|
||||
</uni-popup>
|
||||
</view>
|
||||
<image class="add_btn" @click="handleAdd" src="@/static/addImg.png"></image>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import dateTimePiccker from '@/components/dateTimePicker/index.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
dateTimePiccker
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
mobileTopHeight: 0,
|
||||
listNum: 0,
|
||||
listData: [],
|
||||
condition: {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
projectSn: "",
|
||||
search: '', //搜索字段
|
||||
},
|
||||
teach: true,
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.condition.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn;
|
||||
},
|
||||
mounted() {
|
||||
var that = this
|
||||
uni.getSystemInfo({
|
||||
success(res) {
|
||||
that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
|
||||
uni.setStorageSync('systemInfo',res)
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
console.log('this.mobileTopHeight',this.mobileTopHeight)
|
||||
},
|
||||
onShow() {
|
||||
this.listData = [];
|
||||
this.condition.pageNo = 1;
|
||||
this.condition.pageSize = 10;
|
||||
this.getListData()
|
||||
},
|
||||
//上拉触底时间
|
||||
onReachBottom() {
|
||||
if (this.teach) {
|
||||
this.condition.pageNo = this.condition.pageNo + 1;
|
||||
// this.condition.pageNo = this.condition.pageNo;
|
||||
this.getListData();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
saveImage(url) {
|
||||
let that = this;
|
||||
uni.showLoading({
|
||||
title: "保存中..."
|
||||
})
|
||||
uni.downloadFile({
|
||||
url: url, //网络路径，下载下来
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: res.tempFilePath, //下载后的临时路径
|
||||
success: res => { //下载完成后在相册里压根找不到
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: "保存成功！"
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
fetch(url)
|
||||
.then(response => response.blob())
|
||||
.then(blob => {
|
||||
// h5
|
||||
const link = document.createElement('a');
|
||||
link.href = URL.createObjectURL(blob);
|
||||
link.download = "二维码.png";
|
||||
link.target = "_blank"; // 可选，如果希望在新窗口中下载文件，请取消注释此行
|
||||
link.click();
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: "保存成功！"
|
||||
})
|
||||
});
|
||||
},
|
||||
getListData(isSearch = false) {
|
||||
let that = this;
|
||||
let data = {
|
||||
pageNo: this.condition.pageNo,
|
||||
pageSize: this.condition.pageSize,
|
||||
projectSn: this.condition.projectSn,
|
||||
checkingPointName: this.condition.search
|
||||
};
|
||||
this.sendRequest({
|
||||
url: 'xmgl/checkingPoint/selectPage',
|
||||
method: 'post',
|
||||
data,
|
||||
success: res => {
|
||||
console.info(res,'res')
|
||||
if (res.code == 200) {
|
||||
that.listNum = res.result.total
|
||||
if(isSearch) {
|
||||
that.listData = res.result.records;
|
||||
that.teach = res.result.records.length > 0 && !(res.result.records.length < that.condition.pageSize);
|
||||
} else {
|
||||
let arr = JSON.parse(JSON.stringify(that.listData));
|
||||
if (res.result.records.length > 0) {
|
||||
let newArr = arr.concat(res.result.records);
|
||||
if (res.result.records.length < that.condition.pageSize) {
|
||||
that.teach = false;
|
||||
} else {
|
||||
that.teach = true;
|
||||
}
|
||||
that.listData = newArr;
|
||||
} else {
|
||||
that.teach = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
goDetails(obj) {
|
||||
uni.navigateTo({
|
||||
url: './details?id=' + obj.id + '&type=' + obj.status
|
||||
})
|
||||
},
|
||||
handleAdd() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/projectEnd/InspectionRoute/editInspectionPoint"
|
||||
})
|
||||
},
|
||||
handleEdit(data) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/projectEnd/InspectionRoute/editInspectionPoint?id=${data.id}`
|
||||
})
|
||||
},
|
||||
//搜索
|
||||
loadData(e) {
|
||||
// this.condition.search = e.detail.value
|
||||
this.condition.pageNo = 1
|
||||
this.getListData(true)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.fixedheader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
|
||||
.headerName {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: #ccc;
|
||||
margin-top: 3%;
|
||||
}
|
||||
|
||||
.searchBox {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.uni-form-item {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
/* .search-icon{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50rpx;
|
||||
transform: translateY(-50%);
|
||||
} */
|
||||
}
|
||||
|
||||
.uni-input {
|
||||
border-radius: 20px;
|
||||
margin: 10px 10px;
|
||||
background-color: #f7f8fa;
|
||||
height: 35px;
|
||||
line-height: 30px;
|
||||
padding: 0 20px;
|
||||
font-size: 14px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.screen {
|
||||
line-height: 50px;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0px 30rpx 0;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.item {
|
||||
min-height: 320rpx;
|
||||
width: 100%;
|
||||
padding: 24rpx 16rpx;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 10px rgba(194, 194, 194, 0.5);
|
||||
border-radius: 4px;
|
||||
margin-bottom: 15px;
|
||||
color: rgba(51, 51, 51, 1);
|
||||
font-size: 32rpx;
|
||||
font-family: PingFangSC-Medium;
|
||||
display: flex;
|
||||
}
|
||||
.safety_ic {
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.item_left {
|
||||
flex: 1;
|
||||
.card_title {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 8rpx;
|
||||
// white-space: nowrap;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
&:first-child {
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.title {
|
||||
min-height: 40rpx;
|
||||
color: rgba(81, 129, 246, 1);
|
||||
font-size: 28rpx;
|
||||
text-align: left;
|
||||
font-weight: 600;
|
||||
}
|
||||
.value {
|
||||
min-height: 40rpx;
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 26rpx;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
}
|
||||
.label {
|
||||
min-height: 40rpx;
|
||||
color: rgba(16, 16, 16, 0.43);
|
||||
font-size: 26rpx;
|
||||
text-align: left;
|
||||
font-family: SourceHanSansSC-regular;
|
||||
white-space: nowrap;
|
||||
&.wrap {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.item_right {
|
||||
flex-shrink: 0;
|
||||
width: 160rpx;
|
||||
.text_wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 12rpx;
|
||||
.d_ic {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
.d_text {
|
||||
color: rgba(81, 129, 246, 1);
|
||||
font-size: 20rpx;
|
||||
}
|
||||
}
|
||||
.btn_wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.rightStatus {
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
margin-top: -18px;
|
||||
width: 60px;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
color: #fff;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.item_title {
|
||||
font-weight: 600;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.item_content {
|
||||
width: 100%;
|
||||
font-size: 28rpx;
|
||||
color: rgba(51, 51, 51, 1);
|
||||
font-family: PingFangSC-Regular;
|
||||
line-height: 28px;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
color: #999;
|
||||
|
||||
}
|
||||
|
||||
.item_info {
|
||||
font-size: 26rpx;
|
||||
line-height: 24px;
|
||||
font-family: PingFangSC-Regular;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.state {
|
||||
padding: 0px 8px;
|
||||
color: #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 30px;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.bg1 {
|
||||
background-color: rgba(245, 166, 35, 1);
|
||||
box-shadow: 0px 2px 0px rgba(242, 76, 50, 0.28);
|
||||
}
|
||||
|
||||
.bg2 {
|
||||
background-color: rgba(88, 86, 214, 1);
|
||||
box-shadow: 0px 2px 0px rgba(87, 81, 217, 0.28);
|
||||
}
|
||||
|
||||
.bg3 {
|
||||
background-color: rgba(238, 94, 94, 1);
|
||||
box-shadow: 0px 2px 0px rgba(236, 92, 98, 0.28);
|
||||
}
|
||||
|
||||
.bg4 {
|
||||
background-color: rgba(76, 217, 100, 1);
|
||||
box-shadow: 0px 2px 0px rgba(68, 219, 94, 0.28);
|
||||
}
|
||||
|
||||
.noData {
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
margin-top: 120px;
|
||||
color: #bed0fb;
|
||||
}
|
||||
|
||||
.noDataImg {
|
||||
width: 125px;
|
||||
height: 98px;
|
||||
}
|
||||
|
||||
::v-deep .tki-tree-cnt {
|
||||
z-index: 99999;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
::v-deep .tki-tree-bar {
|
||||
border-top-left-radius: 20px;
|
||||
border-top-right-radius: 20px;
|
||||
}
|
||||
|
||||
::v-deep .placeholder {
|
||||
padding-left: 40px;
|
||||
}
|
||||
.mini-btn{
|
||||
margin-right: 24rpx;
|
||||
border-radius: 15px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.common_btn {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 8rpx;
|
||||
&.primary {
|
||||
background: #5181F6;
|
||||
}
|
||||
&.danger {
|
||||
background: #F26161;
|
||||
}
|
||||
}
|
||||
.b_ic {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
}
|
||||
.add_btn {
|
||||
width: 108rpx;
|
||||
height: 108rpx;
|
||||
position: fixed;
|
||||
bottom: 4rpx;
|
||||
right: 28rpx;
|
||||
}
|
||||
.qrcode_img {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
}
|
||||
</style>
|
||||
266
pages/projectEnd/InspectionRoute/mapLocatoin/mapLocatoin.vue
Normal file
266
pages/projectEnd/InspectionRoute/mapLocatoin/mapLocatoin.vue
Normal file
@ -0,0 +1,266 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="fixedheader">
|
||||
<headers :showBack="true">
|
||||
<view class="headerName">
|
||||
获取当前巡检点位置
|
||||
</view>
|
||||
</headers>
|
||||
</view>
|
||||
<view class="content" :style="{paddingTop: mobileTopHeight + 50 + 'px'}">
|
||||
<view class="search-box">
|
||||
<picker mode="selector" :range="standOptions" @change="handleChangeStandArea" filterable>
|
||||
<view class="picker">
|
||||
<view class="" style="color: #c0c4cc; font-size: 28rpx;" v-if="!standArea">
|
||||
请选择
|
||||
<u-icon style="margin-left: 8rpx;" name="arrow-down" color="#c0c4cc"></u-icon>
|
||||
</view>
|
||||
<view class="" v-else>
|
||||
{{standArea}}米
|
||||
<u-icon style="margin-left: 8rpx;" name="arrow-down" color="#c0c4cc"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</picker>
|
||||
<input class="search-input" v-model="searchVal" placeholder="请输入地点" />
|
||||
<button class="search-btn" size="mini" type="primary" @click="searchArea">搜索</button>
|
||||
</view>
|
||||
<map
|
||||
id="map"
|
||||
:style="{
|
||||
width:mapConfig.width+'px',
|
||||
height:mapConfig.height+'px'
|
||||
}"
|
||||
:show-scale="true"
|
||||
:scale="mapConfig.scale"
|
||||
:latitude="mapConfig.latitude"
|
||||
:longitude="mapConfig.longitude"
|
||||
:markers="mapConfig.markers"
|
||||
:circles="mapConfig.circles"
|
||||
></map>
|
||||
<button class="save-btn" type="primary" @click="saveLocation">保存位置</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
let mapSearch = weex.requireModule('mapSearch');
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
mobileTopHeight: 0,
|
||||
mapConfig: {
|
||||
width: 0,
|
||||
height: 0,
|
||||
scale: 14,
|
||||
latitude: undefined,
|
||||
longitude: undefined,
|
||||
markers: [], // 定位配置
|
||||
circles: [], // 显示圆配置
|
||||
address: ""
|
||||
},
|
||||
showMap: false,
|
||||
coordType: "gcj02",
|
||||
map: null,
|
||||
standOptions: [30, 50, 100, 200, 300],
|
||||
standArea: undefined,
|
||||
searchVal: ""
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
uni.getSystemInfo({
|
||||
success(res) {
|
||||
that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
|
||||
uni.setStorageSync('systemInfo',res)
|
||||
console.log(res)
|
||||
}
|
||||
})
|
||||
console.log('this.mobileTopHeight',this.mobileTopHeight)
|
||||
this.initMap()
|
||||
},
|
||||
onLoad(option) {
|
||||
let info = uni.getWindowInfo();
|
||||
this.standArea = option.standArea;
|
||||
this.mapConfig.latitude = option.latitude;
|
||||
this.mapConfig.longitude = option.longitude;
|
||||
this.mapConfig.address = option.addr;
|
||||
|
||||
this.mapConfig.width = info.windowWidth;
|
||||
this.mapConfig.height = info.windowHeight - 170;
|
||||
|
||||
console.info(info.windowHeight, 'info.windowHeight')
|
||||
// uni.showLoading({
|
||||
// title: "加载地图资源中"
|
||||
// })
|
||||
// this.openMonitor()
|
||||
},
|
||||
methods: {
|
||||
initMap() {
|
||||
// uni.hideLoading();
|
||||
this.map = uni.createMapContext("map",this);
|
||||
this.registerEvent()
|
||||
this.mapSetLocation()
|
||||
this.drawCircle()
|
||||
},
|
||||
// 注册点击事件
|
||||
registerEvent() {
|
||||
let that = this;
|
||||
this.map.$getAppMap().onclick = function(point) {
|
||||
console.info(point, 'point')
|
||||
that.mapConfig.longitude = point.longitude
|
||||
that.mapConfig.latitude = point.latitude
|
||||
that.mapSetLocation()
|
||||
that.drawCircle()
|
||||
that.getAddress()
|
||||
}
|
||||
},
|
||||
// 设置定位
|
||||
mapSetLocation() {
|
||||
this.mapConfig.markers = [{
|
||||
latitude: this.mapConfig.latitude,
|
||||
longitude: this.mapConfig.longitude,
|
||||
iconPath: '../../static/map/end.png'
|
||||
}]
|
||||
},
|
||||
//画圆
|
||||
drawCircle() {
|
||||
this.mapConfig.circles = [ // 显示圆配置
|
||||
{
|
||||
latitude: this.mapConfig.latitude,
|
||||
longitude: this.mapConfig.longitude,
|
||||
color: '#3C71F2',
|
||||
// 填充颜色
|
||||
fillColor: '#5181F670',
|
||||
fillOpacity: 0.56,
|
||||
// 圆半径
|
||||
radius: this.standArea,
|
||||
// 边
|
||||
strokeWidth: 1,
|
||||
level: 'aboveroads'
|
||||
}
|
||||
]
|
||||
this.mapConfig.scale = this.standArea >= 200 ? 16 : this.standArea >= 100 ? 17 : 18;
|
||||
},
|
||||
// handleTapMap(e) {
|
||||
// console.info('点击', e)
|
||||
// let that = this;
|
||||
// const res = that.map.getCenterLocation({
|
||||
// success: (res) => {
|
||||
// console.info('当前定位', res)
|
||||
// that.mapConfig.latitude = res.latitude;
|
||||
// that.mapConfig.longitude = res.longitude;
|
||||
// that.mapSetLocation()
|
||||
// that.drawCircle()
|
||||
// }
|
||||
// })
|
||||
// },
|
||||
// 切换范围
|
||||
handleChangeStandArea(e) {
|
||||
this.standArea = this.standOptions[e.detail.value];
|
||||
this.drawCircle()
|
||||
},
|
||||
// 搜索详细位置
|
||||
searchArea() {
|
||||
let that = this;
|
||||
if(!this.searchVal) return;
|
||||
mapSearch.poiKeywordsSearch({
|
||||
point: {
|
||||
latitude: this.mapConfig.latitude,
|
||||
longitude: this.mapConfig.longitude
|
||||
},
|
||||
key: this.searchVal
|
||||
},(res) => {
|
||||
console.info('搜索:',res)
|
||||
if(res.poiList.length) {
|
||||
const { latitude, longitude } = res.poiList[0].location;
|
||||
that.mapConfig.latitude = latitude;
|
||||
that.mapConfig.longitude = longitude;
|
||||
that.mapSetLocation()
|
||||
that.drawCircle()
|
||||
that.getAddress()
|
||||
}
|
||||
})
|
||||
},
|
||||
// 保存位置
|
||||
saveLocation() {
|
||||
uni.$emit('locationSuccessEvent', {
|
||||
latitude: this.mapConfig.latitude,
|
||||
longitude: this.mapConfig.longitude,
|
||||
standArea: this.standArea,
|
||||
address: this.mapConfig.address
|
||||
})
|
||||
setTimeout(() =>{
|
||||
uni.navigateBack()
|
||||
},10)
|
||||
},
|
||||
// 地址逆解析，根据经纬度获取详细位置
|
||||
getAddress() {
|
||||
mapSearch.reverseGeocode({
|
||||
point: {
|
||||
latitude: this.mapConfig.latitude,
|
||||
longitude: this.mapConfig.longitude
|
||||
}
|
||||
},
|
||||
res => {
|
||||
console.info('成功回调', res)
|
||||
this.mapConfig.address = res.address || "未知位置"
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.fixedheader{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
.headerName{
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.search-box {
|
||||
height: 100rpx;
|
||||
background-color: rgba(16, 16, 16, 0.08);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.picker {
|
||||
width: 140rpx;
|
||||
height: 62rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 22rpx;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
color: rgba(51, 51, 51, 0.48);
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
padding: 0 16rpx;
|
||||
margin: 0 16rpx;
|
||||
align-items: center;
|
||||
}
|
||||
.search-input {
|
||||
flex: 1;
|
||||
min-width: 400rpx;
|
||||
height: 62rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 22rpx;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
color: rgba(51, 51, 51, 0.48);
|
||||
font-size: 28rpx;
|
||||
padding: 0 16rpx;
|
||||
}
|
||||
.search-btn {
|
||||
margin: 0 16rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.save-btn {
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
}
|
||||
</style>
|
||||
@ -575,7 +575,7 @@
|
||||
break;
|
||||
case "inspectRoute":
|
||||
uni.navigateTo({
|
||||
url: '../../projectEnd/InspectionRoute/inspectedstay'
|
||||
url: '../../projectEnd/InspectionRoute/inspection'
|
||||
})
|
||||
break;
|
||||
case 'educationExam':
|
||||
|
||||
6
static/icon/delete.svg
Normal file
6
static/icon/delete.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="64 64 896 896" width="12" height="12" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
||||
|
||||
<g>
|
||||
<path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" fill="rgba(255,255,255,1)"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 642 B |
6
static/icon/edit.svg
Normal file
6
static/icon/edit.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="64 64 896 896" width="12" height="12" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
||||
|
||||
<g>
|
||||
<path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 0 0 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 0 0 9.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" fill="rgba(255,255,255,1)"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 707 B |
6
static/icon/form.svg
Normal file
6
static/icon/form.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="24" height="24" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
||||
|
||||
<g>
|
||||
<rect width="48" height="48" fill="rgba(81.09,129.03,246.075,1)" fill-opacity="0.01" stroke="none"></rect><rect x="4" y="8" width="40" height="32" rx="2" fill="none" stroke="rgba(81.09,129.03,246.075,1)" stroke-width="4" stroke-linejoin="round"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M4 29H44H4Z" fill="none"></path><path d="M4 29H44" stroke="rgba(81.09,129.03,246.075,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4 19H44H4Z" fill="none"></path><path d="M4 19H44" stroke="rgba(81.09,129.03,246.075,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M17 40V19V40Z" fill="none"></path><path d="M17 40V19" stroke="rgba(81.09,129.03,246.075,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4 38V17V38Z" fill="none"></path><path d="M4 38V17" stroke="rgba(81.09,129.03,246.075,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M44 38V17V38Z" fill="none"></path><path d="M44 38V17" stroke="rgba(81.09,129.03,246.075,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M31 40V19V40Z" fill="none"></path><path d="M31 40V19" stroke="rgba(81.09,129.03,246.075,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M9 40H39" stroke="rgba(81.09,129.03,246.075,1)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
BIN
static/icon/inspection_plan.png
Normal file
BIN
static/icon/inspection_plan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 392 B |
BIN
static/icon/inspection_point.png
Normal file
BIN
static/icon/inspection_point.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 592 B |
BIN
static/icon/inspection_task.png
Normal file
BIN
static/icon/inspection_task.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 606 B |
6
static/icon/riLine-download-line.svg
Normal file
6
static/icon/riLine-download-line.svg
Normal file
@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="15" height="15" style="border-color: rgba(0,0,0,0);border-width: bpx;border-style: undefined" filter="none">
|
||||
|
||||
<g>
|
||||
<path d="M4 25.333h24v2.667h-24v-2.667zM17.333 17.563l8.095-8.096 1.885 1.885-11.313 11.315-11.313-11.313 1.885-1.887 8.095 8.093v-14.893h2.667v14.896z" fill="rgba(81.09,129.03,246.075,1)"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 450 B |
BIN
static/icon/safety.png
Normal file
BIN
static/icon/safety.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 743 B |
Loading…
x
Reference in New Issue
Block a user