Compare commits
2 Commits
524b4e8c58
...
e3c7f9cdbc
| Author | SHA1 | Date |
|---|---|---|
 jingbowen
|
e3c7f9cdbc | 3 years ago |
|
jingbowen
|
ad08129aaf | 3 years ago |
79 changed files with 12662 additions and 11930 deletions
@ -1,990 +0,0 @@
|
||||
<template> |
||||
<view class="page"> |
||||
<view class="top"> |
||||
<view class="pure_top"> |
||||
|
||||
</view> |
||||
<view class="calendar"> |
||||
<view class="date_year"> |
||||
<view style="display: flex;"> |
||||
<picker :value="dates.year" mode="date" fields="year" @change="dateYear($event)"> |
||||
<view>{{dates.year}}</view> |
||||
</picker> |
||||
<img src="@/static/down.png" style="width: 30rpx;height: 30rpx; margin:10rpx 0 0 10rpx;" alt=""> |
||||
</view> |
||||
<view style="margin: 0 10rpx;">|</view> |
||||
<view class=""> |
||||
{{today.month}}.{{dates.day}} |
||||
</view> |
||||
</view> |
||||
<view class="monthbox"> |
||||
<view :class="{month_color : item==dates.month,month_color2 : item>month}" class="month_class" |
||||
v-for="(item,key) in months" :key="key" @tap="dateMonth(item)"> |
||||
<text>{{item}}</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="taskbox"> |
||||
<view class="itembox"> |
||||
<view class="top"> |
||||
<view class="left"> |
||||
<img src="@/static/4412.png" alt=""> |
||||
<view class=""> |
||||
<text>任务总数</text><text>{{countStat.statistics1.num}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="right"> |
||||
<view v-if="countStat.statistics1.percentageComplete" style="margin-right: 10rpx;">完成率:</view> |
||||
|
||||
<view class=""> |
||||
<text v-if="countStat.statistics1.percentageComplete">{{countStat.statistics1.percentageComplete}}%</text> |
||||
<text v-else>暂无任务</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="charts-box" style="display: flex;"> |
||||
<img src="@/static/dadui/10.png" alt=""> |
||||
<view v-if="identity" style="width: 50%;"> |
||||
<qiun-data-charts type="ring" :opts="opts" :chartData="chartData" /> |
||||
</view> |
||||
<view |
||||
style="width: 50%; display: flex;justify-content: center;align-items: center;flex-direction: column;"> |
||||
<view class="tagbox" v-for="(item,key) in chartData.series[0].data" :key="key"> |
||||
<view class="tag" :style="'background:'+opts.color[key]+';'"> |
||||
|
||||
</view> |
||||
<text>{{item.name}}-------{{item.value}}个</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
<view class="itembox"> |
||||
<view class="top"> |
||||
<view class="left"> |
||||
<img src="@/static/4412.png" alt=""> |
||||
<view class=""> |
||||
<text>救援站任务总数</text><text>{{countStat.statistics2.num}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="right"> |
||||
<view v-if="countStat.statistics2.percentageComplete" style="margin-right: 10rpx;">完成率:</view> |
||||
|
||||
<view class=""> |
||||
<text v-if="countStat.statistics2.percentageComplete">{{countStat.statistics2.percentageComplete}}%</text> |
||||
<text v-else>暂无任务</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="charts-box" style="display: flex;"> |
||||
<img src="@/static/dadui/10.png" alt=""> |
||||
<view v-if="identity" style="width: 50%;"> |
||||
<qiun-data-charts type="ring" :opts="opts2" :chartData="chartData2" /> |
||||
</view> |
||||
<view |
||||
style="width: 50%; display: flex;justify-content: center;align-items: center;flex-direction: column;"> |
||||
<view class="tagbox" v-for="(item,key) in chartData2.series[0].data" :key="key"> |
||||
<view class="tag" :style="'background:'+opts.color[key]+';'"> |
||||
|
||||
</view> |
||||
<text>{{item.name}}-------{{item.value}}个</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
<view class="itembox"> |
||||
<view class="top"> |
||||
<view class="left"> |
||||
<img src="@/static/4412.png" alt=""> |
||||
<view class=""> |
||||
<text>检察员任务总数</text><text>{{countStat.statistics3.num}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="right"> |
||||
<view v-if="countStat.statistics3.percentageComplete" style="margin-right: 10rpx;">完成率:</view> |
||||
|
||||
<view class=""> |
||||
<text v-if="countStat.statistics3.percentageComplete">{{countStat.statistics3.percentageComplete}}%</text> |
||||
<text v-else>暂无任务</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="charts-box" style="display: flex;"> |
||||
<img src="@/static/dadui/10.png" alt=""> |
||||
<view v-if="identity" style="width: 50%;"> |
||||
<qiun-data-charts type="ring" :opts="opts3" :chartData="chartData3" /> |
||||
</view> |
||||
<view |
||||
style="width: 50%; display: flex;justify-content: center;align-items: center;flex-direction: column;"> |
||||
<view class="tagbox" v-for="(item,key) in chartData3.series[0].data" :key="key"> |
||||
<view class="tag" :style="'background:'+opts.color[key]+';'"> |
||||
|
||||
</view> |
||||
<text>{{item.name}}-------{{item.value}}个</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<!-- <view class="listbox"> |
||||
<view class="item" v-for="(item,key) in list" :key="key"> |
||||
<view class="typebox"> |
||||
<view |
||||
style="width: 12rpx; height: 34rpx; margin-top: 6rpx; background-color: #9D80FF; color: #9D80FF ;"> |
||||
1 |
||||
</view> |
||||
<view class="type"> |
||||
{{item.taskType}} |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="namebox"> |
||||
<view class="name"> |
||||
{{item.company.companyName}} |
||||
</view> |
||||
<view style=" width: 30%; padding-left:20rpx;"> |
||||
<view v-if="item.company.useNature=='重点单位'" class="tag" style=""> |
||||
{{item.company.useNature}} |
||||
</view> |
||||
<view v-else class="tag2"> |
||||
{{item.company.useNature}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="staffbox"> |
||||
<view class="staff" style="flex: 1;"> |
||||
<view>主负责人:</view> |
||||
<view class="zhu">{{item.organization.name}}</view> |
||||
|
||||
</view> |
||||
<view class="jiancha"> |
||||
待检查 |
||||
</view> |
||||
</view> |
||||
<view style="display: flex;"> |
||||
<view style="flex:1"> |
||||
<view class="staffbox"> |
||||
<view class="staff"> |
||||
<view>协助人员:</view> |
||||
<view v-for="(i,k) in item.supervisors" :key="k" |
||||
style="display: flex;justify-content: center;align-items: center;"> |
||||
<img v-if="i.posts && i.posts[0] == '主查人员'" src="@/static/447.png" alt=""> |
||||
<img v-if="i.posts && i.posts[0] == '协查人员'" src="@/static/446.png" alt=""> |
||||
{{i.name}} |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
<view class="staffbox"> |
||||
<view class="staff"> |
||||
<view>检查时间:</view> |
||||
<view>{{item.checkTime}}</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="implement"> |
||||
<view class="button" v-if=""> |
||||
<button @tap="start(item)">执行</button> |
||||
</view> |
||||
<img src="@/static/zeren/4508.png" alt=""> |
||||
</view> |
||||
</view> |
||||
</view> --> |
||||
</view> |
||||
</view> |
||||
<!-- <view class="login-box" v-if="!identity"> |
||||
<view class="login-text"> |
||||
登录平台,在线处理业务 |
||||
</view> |
||||
<view class="login-button" > |
||||
<button @tap="login()">登录</button> |
||||
</view> |
||||
</view> --> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
title: 'Hello', |
||||
identity: 0, |
||||
progressNub: 60, |
||||
chartData: { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: 0 |
||||
}, { |
||||
name: "自主任务", |
||||
value: 0 |
||||
}, { |
||||
name: "申领任务", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
}, |
||||
chartData2: { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: 0 |
||||
}, { |
||||
name: "自主任务", |
||||
value: 0 |
||||
}, { |
||||
name: "申领任务", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
}, |
||||
chartData3: { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: 0 |
||||
}, { |
||||
name: "自主任务", |
||||
value: 0 |
||||
}, { |
||||
name: "申领任务", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
}, |
||||
dates: { |
||||
year: 2022, |
||||
month: 8, |
||||
day: 0, |
||||
}, |
||||
today: { |
||||
month: 8, |
||||
}, |
||||
opts: { |
||||
rotate: false, |
||||
rotateLock: false, |
||||
color: ["#FACE15", "#04F1C9", "#3990F1"], |
||||
|
||||
padding: [5, 5, 5, 5], |
||||
dataLabel: false, |
||||
legend: { |
||||
show: false, |
||||
fontColor: "#fff", |
||||
position: "right", |
||||
lineHeight: 20 |
||||
}, |
||||
title: { |
||||
name: "任务总数", |
||||
fontSize: 15, |
||||
color: "#fff" |
||||
}, |
||||
subtitle: { |
||||
name: "0", |
||||
fontSize: 25, |
||||
color: "#fff" |
||||
}, |
||||
|
||||
extra: { |
||||
ring: { |
||||
width: 50, |
||||
height: 50, |
||||
ringWidth: 10, |
||||
activeOpacity: 0.5, |
||||
activeRadius: 10, |
||||
offsetAngle: 0, |
||||
labelWidth: 15, |
||||
border: false, |
||||
customRadius: 60, |
||||
borderWidth: 3, |
||||
borderColor: "#FFFFFF", |
||||
centerColor: "#57B5FF", |
||||
linearType: "none" |
||||
} |
||||
} |
||||
}, |
||||
opts2: { |
||||
rotate: false, |
||||
rotateLock: false, |
||||
color: ["#FACE15", "#04F1C9", "#3990F1"], |
||||
|
||||
padding: [5, 5, 5, 5], |
||||
dataLabel: false, |
||||
legend: { |
||||
show: false, |
||||
fontColor: "#fff", |
||||
position: "right", |
||||
lineHeight: 20 |
||||
}, |
||||
title: { |
||||
name: "任务总数", |
||||
fontSize: 15, |
||||
color: "#fff" |
||||
}, |
||||
subtitle: { |
||||
name: "0", |
||||
fontSize: 25, |
||||
color: "#fff" |
||||
}, |
||||
|
||||
extra: { |
||||
ring: { |
||||
width: 50, |
||||
height: 50, |
||||
ringWidth: 10, |
||||
activeOpacity: 0.5, |
||||
activeRadius: 10, |
||||
offsetAngle: 0, |
||||
labelWidth: 15, |
||||
border: false, |
||||
customRadius: 60, |
||||
borderWidth: 3, |
||||
borderColor: "#FFFFFF", |
||||
centerColor: "#57B5FF", |
||||
linearType: "none" |
||||
} |
||||
} |
||||
}, |
||||
opts3: { |
||||
rotate: false, |
||||
rotateLock: false, |
||||
color: ["#FACE15", "#04F1C9", "#3990F1"], |
||||
|
||||
padding: [5, 5, 5, 5], |
||||
dataLabel: false, |
||||
legend: { |
||||
show: false, |
||||
fontColor: "#fff", |
||||
position: "right", |
||||
lineHeight: 20 |
||||
}, |
||||
title: { |
||||
name: "任务总数", |
||||
fontSize: 15, |
||||
color: "#fff" |
||||
}, |
||||
subtitle: { |
||||
name: "0", |
||||
fontSize: 25, |
||||
color: "#fff" |
||||
}, |
||||
|
||||
extra: { |
||||
ring: { |
||||
width: 50, |
||||
height: 50, |
||||
ringWidth: 10, |
||||
activeOpacity: 0.5, |
||||
activeRadius: 10, |
||||
offsetAngle: 0, |
||||
labelWidth: 15, |
||||
border: false, |
||||
customRadius: 60, |
||||
borderWidth: 3, |
||||
borderColor: "#FFFFFF", |
||||
centerColor: "#57B5FF", |
||||
linearType: "none" |
||||
} |
||||
} |
||||
}, |
||||
user: [{ |
||||
tasknub: 0 |
||||
}], |
||||
countStat: { |
||||
statistics1: { |
||||
num: 0, |
||||
percentageComplete: 0, |
||||
item1: 0, |
||||
item2: 0, |
||||
item3: 0 |
||||
}, |
||||
statistics2: { |
||||
num: 0, |
||||
percentageComplete: 0, |
||||
item1: 0, |
||||
item2: 0, |
||||
item3: 0 |
||||
}, |
||||
statistics3: { |
||||
num: 0, |
||||
percentageComplete: 0, |
||||
item1: 0, |
||||
item2: 0, |
||||
item3: 0 |
||||
} |
||||
}, |
||||
isSupervisor: false, |
||||
list: [], |
||||
month: 0, |
||||
nub: 0, |
||||
months: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] |
||||
} |
||||
}, |
||||
created() { |
||||
let a = uni.getStorageSync("user"); |
||||
let date = new Date() |
||||
this.dates.month = date.getMonth() + 1 |
||||
this.today.month = date.getMonth() + 1 |
||||
this.month = date.getMonth() + 1 |
||||
this.dates.year = date.getFullYear() |
||||
this.dates.day = date.getDate() |
||||
this.getOrganizations() |
||||
this.getSupervisor() |
||||
this.getCountStat() |
||||
|
||||
}, |
||||
onReady() { |
||||
|
||||
// this.getOrganizations() |
||||
}, |
||||
methods: { |
||||
getOrganizations() { |
||||
const that = this |
||||
let selectedTime = this.dates.year + '-' + this.dates.month + '-' + '01' |
||||
let userId = uni.getStorageSync("user").id |
||||
let roles = uni.getStorageSync("user").roles |
||||
console.log(uni.getStorageSync("user")); |
||||
let isSupervisor = roles.find(item => { |
||||
return item.name.indexOf('检查') != -1 |
||||
}) |
||||
isSupervisor ? this.isSupervisor = true : this.isSupervisor = false |
||||
|
||||
let params = { |
||||
ContainsChildren: true, |
||||
pageSize: 9999 |
||||
} |
||||
this.$request.get("/api/Organizations", params, (data, res) => { |
||||
console.log(res); |
||||
if (!this.isSupervisor) { |
||||
this.user = res.items |
||||
for (let i = 0; i < this.user.length; i++) { |
||||
this.user[i]["tasknub"] = 0 |
||||
this.user[i]["rate"] = 0 |
||||
} |
||||
} else { |
||||
this.getSupervisor() |
||||
} |
||||
this.getTaskListOfStation(userId) |
||||
}) |
||||
}, |
||||
getSupervisor() { |
||||
this.$request.get("/api/Users/Inspectors", {}, (data, res) => { |
||||
this.list = [] |
||||
let userOrganizationId = uni.getStorageSync("user").organizationId; |
||||
// console.log(uni.getStorageSync("user"),5500); |
||||
for (let i = 0; i < res.length; i++) { |
||||
if (res[i].organizationId = userOrganizationId) { |
||||
|
||||
this.list.push(res[i]) |
||||
|
||||
} |
||||
} |
||||
console.log(this.list); |
||||
}) |
||||
}, |
||||
getTaskListOfStation(item) { |
||||
console.log(item); |
||||
const that = this |
||||
let OrganizationId = uni.getStorageSync("user").organizationId |
||||
let selectedTime = this.dates.year + '-' + this.dates.month + '-' + '01' |
||||
let params = { |
||||
Month: selectedTime, |
||||
SupervisorId: this.isSupervisor ? item : null, |
||||
AssitantOrganizationId: this.isSupervisor ? null : OrganizationId, |
||||
PageNumber: 1, |
||||
approvalStatuses: ['待检查', '已检查'], |
||||
PageSize: 9999 |
||||
} |
||||
this.$request.get("/api/PlanTasks", params, (data, res) => { |
||||
console.log(res); |
||||
this.list = res.items |
||||
this.list["tasknub"] = 0 |
||||
for (let e = 0; e < this.user.length; e++) { |
||||
for (let i = 0; i < that.list.length; i++) { |
||||
|
||||
if (that.list[i].checkTime) { |
||||
let text = that.list[i].checkTime.substring(0, 10) |
||||
that.list[i].checkTime = text |
||||
} |
||||
|
||||
if (that.list[i].inspectionResult != '待检查') { |
||||
this.user[e].tasknub += 1 |
||||
} |
||||
} |
||||
} |
||||
console.log(this.list); |
||||
// this.getServerData(); |
||||
this.getCountStat() |
||||
}) |
||||
}, |
||||
getCountStat(){ |
||||
let selectedMonth = this.dates.month < 10 ? "0" + this.dates.month : this.dates.month; |
||||
let selectedTime = this.dates.year + '-' + this.dates.month + '-' + '01'; |
||||
function integer(num) { |
||||
return Math.round(num * 100) || 0 |
||||
} |
||||
let params= { |
||||
month: selectedTime |
||||
} |
||||
this.$request.get('/api/PlanTasks/GetCountStat',params,(data,res)=>{ |
||||
console.log(res); |
||||
this.chartData= { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: res['任务总数']['上级指派'] |
||||
}, { |
||||
name: "自主任务", |
||||
value: res['任务总数']['自主任务'] |
||||
}, { |
||||
name: "申领任务", |
||||
value: res['任务总数']['申领任务'] |
||||
}, ] |
||||
}] |
||||
} |
||||
this.chartData2= { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: res['消防救援任务总数']['上级指派'] |
||||
}, { |
||||
name: "自主任务", |
||||
value: res['消防救援任务总数']['自主任务'] |
||||
}, { |
||||
name: "申领任务", |
||||
value: res['消防救援任务总数']['申领任务'] |
||||
}, ] |
||||
}] |
||||
} |
||||
this.chartData3= { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: res['检查员任务总数']['上级指派'] |
||||
}, { |
||||
name: "自主任务", |
||||
value: res['检查员任务总数']['自主任务'] |
||||
}, { |
||||
name: "申领任务", |
||||
value: res['检查员任务总数']['申领任务'] |
||||
}, ] |
||||
}] |
||||
} |
||||
this.opts.subtitle.name=res['任务总数']['总数']||"0" |
||||
this.opts2.subtitle.name=res['消防救援任务总数']['总数']||"0" |
||||
this.opts3.subtitle.name=res['检查员任务总数']['总数']||"0" |
||||
this.countStat = { |
||||
statistics1: { |
||||
num: res['任务总数']['总数'], percentageComplete: integer(res['任务总数']['已完成'] / res['任务总数']['总数']), item1: integer(res['任务总数']['上级指派'] / res['任务总数']['总数']), item2: integer(res['任务总数']['自主任务'] / res['任务总数']['总数']), item3: integer(res['任务总数']['申领任务'] / res['任务总数']['总数']) |
||||
}, |
||||
statistics2: { |
||||
num: res['消防救援任务总数']['总数'], percentageComplete: integer(res['消防救援任务总数']['已完成'] / res['消防救援任务总数']['总数']), item1: integer(res['消防救援任务总数']['上级指派'] / res['消防救援任务总数']['总数']), item2: integer(res['消防救援任务总数']['自主任务'] / res['消防救援任务总数']['总数']), item3: integer(res['消防救援任务总数']['申领任务'] / res['消防救援任务总数']['总数']) |
||||
}, |
||||
statistics3: { |
||||
num: res['检查员任务总数']['总数'], percentageComplete: integer(res['检查员任务总数']['已完成'] / res['检查员任务总数']['总数']), item1: integer(res['检查员任务总数']['上级指派'] / res['检查员任务总数']['总数']), item2: integer(res['检查员任务总数']['自主任务'] / res['检查员任务总数']['总数']), item3: integer(res['检查员任务总数']['申领任务'] / res['检查员任务总数']['总数']) |
||||
} |
||||
} |
||||
this.identity = 1 |
||||
// console.log(this.countStat); |
||||
}) |
||||
}, |
||||
getServerData() { |
||||
//模拟从服务器获取数据时的延时 |
||||
this.nub = 0 |
||||
this.chartData = { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: 0 |
||||
}, { |
||||
name: "自主任务", |
||||
value: 0 |
||||
}, { |
||||
name: "申领任务", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
} |
||||
for (let i = 0; i < this.list.length; i++) { |
||||
|
||||
for (let e = 0; e < this.chartData.series[0].data.length; e++) { |
||||
|
||||
if (this.chartData.series[0].data[e].name == this.list[i].creationType) { |
||||
this.chartData.series[0].data[e].value += 1 |
||||
this.nub = this.nub + 1 |
||||
this.opts.subtitle.name = JSON.stringify(this.nub) |
||||
} |
||||
|
||||
} |
||||
} |
||||
|
||||
}, |
||||
dateYear(e) { |
||||
console.log(e); |
||||
this.dates.year = e.detail.value |
||||
this.getOrganizations() |
||||
}, |
||||
dateMonth(e) { |
||||
if (e > this.month) { |
||||
return |
||||
} |
||||
this.dates.month = e |
||||
this.getOrganizations() |
||||
}, |
||||
start(item) { |
||||
|
||||
uni.navigateTo({ |
||||
url: '/pages/task/details?id=' + item.company.id, |
||||
}) |
||||
} |
||||
} |
||||
|
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.top { |
||||
position: relative; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
|
||||
.pure_top { |
||||
width: 100%; |
||||
height: 220rpx; |
||||
position: absolute; |
||||
z-index: 0; |
||||
overflow: hidden; |
||||
|
||||
} |
||||
|
||||
.pure_top::after { |
||||
content: ""; |
||||
width: 100%; |
||||
height: 220rpx; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
z-index: -1; |
||||
border-radius: 0 0 100% 100%; |
||||
background: linear-gradient(180deg, #57B5FF 0%, #616DFD 100%); |
||||
} |
||||
|
||||
.month_color { |
||||
border-radius: 48rpx; |
||||
|
||||
background-color: #317AFF; |
||||
color: #fff; |
||||
} |
||||
|
||||
.month_color2 { |
||||
color: #B5B5B5; |
||||
} |
||||
|
||||
.calendar { |
||||
z-index: 1; |
||||
position: relative; |
||||
left: 74rpx; |
||||
top: 20rpx; |
||||
width: 80%; |
||||
height: 120rpx; |
||||
border-radius: 10rpx; |
||||
box-shadow: 0px 0px 20px 1px #C1D7FF; |
||||
background: #fff; |
||||
|
||||
view { |
||||
height: 60rpx; |
||||
} |
||||
|
||||
.date_year { |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
background-color: #fff; |
||||
padding: 10rpx 0 0 10rpx; |
||||
} |
||||
|
||||
.monthbox { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: row; |
||||
|
||||
.month_class { |
||||
|
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
button { |
||||
width: 140rpx; |
||||
height: 70rpx; |
||||
color: #fff; |
||||
border-radius: 34rpx; |
||||
line-height: 70rpx; |
||||
font-size: 30rpx; |
||||
background-color: #327AFE; |
||||
} |
||||
|
||||
.taskbox { |
||||
width: 90%; |
||||
margin: 40rpx auto; |
||||
border-radius: 20rpx; |
||||
background-color: #fff; |
||||
padding: 20rpx; |
||||
position: relative; |
||||
left: 0; |
||||
z-index: 10; |
||||
|
||||
.itembox { |
||||
|
||||
.top { |
||||
margin-top: 30rpx; |
||||
height: 60rpx; |
||||
display: flex; |
||||
|
||||
.left { |
||||
display: flex; |
||||
flex: 1; |
||||
|
||||
img { |
||||
width: 50rpx; |
||||
height: 50rpx; |
||||
} |
||||
|
||||
text { |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
|
||||
.right { |
||||
color: #909090; |
||||
display: flex; |
||||
|
||||
.progress { |
||||
margin-top: 6rpx; |
||||
margin-right: 10rpx; |
||||
height: 34rpx; |
||||
flex: 1; |
||||
background: #E4E7EC; |
||||
|
||||
.color { |
||||
|
||||
height: 100%; |
||||
background-color: #14B389; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.charts-box { |
||||
// background-color: #5687fd; |
||||
height: 250rpx; |
||||
position: relative; |
||||
|
||||
img { |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: -1; |
||||
} |
||||
|
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
|
||||
.tagbox { |
||||
color: #FFFFFF; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
margin: 10rpx 0; |
||||
font-size: 32rpx; |
||||
|
||||
.tag { |
||||
width: 20rpx; |
||||
height: 20rpx; |
||||
border-radius: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.logo { |
||||
height: 200rpx; |
||||
width: 200rpx; |
||||
margin-top: 200rpx; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
margin-bottom: 50rpx; |
||||
} |
||||
|
||||
.text-area { |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.title { |
||||
font-size: 36rpx; |
||||
color: #8f8f94; |
||||
} |
||||
|
||||
.login-box { |
||||
display: flex; |
||||
background: #8f8f94; |
||||
width: 100%; |
||||
height: 120rpx; |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
|
||||
.login-text { |
||||
color: #fff; |
||||
width: 60%; |
||||
display: flex; |
||||
font-size: 36rpx; |
||||
padding-left: 40rpx; |
||||
align-items: center; |
||||
} |
||||
|
||||
.login-button { |
||||
flex: 1; |
||||
text-align: center; |
||||
margin-top: 20rpx; |
||||
|
||||
} |
||||
} |
||||
|
||||
.listbox { |
||||
width: 90%; |
||||
margin: -10rpx auto 0 auto; |
||||
|
||||
.item { |
||||
background-color: #fff; |
||||
margin: 20rpx 0; |
||||
padding: 20rpx; |
||||
|
||||
.namebox { |
||||
display: flex; |
||||
margin-bottom: 10rpx; |
||||
|
||||
.name { |
||||
font-weight: 600; |
||||
font-size: 36rpx; |
||||
width: 70%; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
} |
||||
|
||||
.tag { |
||||
text-align: center; |
||||
width: 180rpx; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
color: #FF6F51; |
||||
border: 1px solid #FF6F51; |
||||
background: rgba(255, 111, 81, 0.2400); |
||||
border-radius: 40rpx 40rpx 40rpx 40rpx; |
||||
} |
||||
|
||||
.tag2 { |
||||
text-align: center; |
||||
width: 180rpx; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
color: #14B488; |
||||
border: 1px solid rgba(30, 232, 177, 0.8); |
||||
background: rgba(30, 232, 177, 0.24); |
||||
border-radius: 40rpx 40rpx 40rpx 40rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.typebox { |
||||
display: flex; |
||||
margin: 14rpx 0; |
||||
|
||||
.type { |
||||
width: 50%; |
||||
// border-left: #327AFE 6rpx solid; |
||||
font-size: 32rpx; |
||||
font-weight: 600; |
||||
padding-left: 10rpx; |
||||
} |
||||
|
||||
.result { |
||||
width: 50%; |
||||
text-align: right; |
||||
color: #FF6F51; |
||||
} |
||||
} |
||||
|
||||
.staffbox { |
||||
display: flex; |
||||
margin: 6rpx 0; |
||||
font-size: 30rpx; |
||||
|
||||
.staff { |
||||
display: flex; |
||||
color: rgba(16, 15, 25, 0.48); |
||||
|
||||
.zhu { |
||||
|
||||
color: #100F19; |
||||
} |
||||
|
||||
view { |
||||
margin-right: 20rpx; |
||||
} |
||||
|
||||
img { |
||||
width: 40rpx; |
||||
height: 40rpx; |
||||
min-width: 40rpx; |
||||
min-height: 40rpx; |
||||
} |
||||
} |
||||
|
||||
.jiancha { |
||||
color: #FFBA19; |
||||
margin-right: 10rpx; |
||||
|
||||
} |
||||
|
||||
} |
||||
|
||||
.implement { |
||||
|
||||
margin-bottom: 10rpx; |
||||
|
||||
.button { |
||||
width: 100%; |
||||
height: 100%; |
||||
padding-top: 20rpx; |
||||
} |
||||
|
||||
img { |
||||
width: 100rpx; |
||||
height: 100rpx; |
||||
} |
||||
|
||||
// button { |
||||
// float: right; |
||||
// width: 80rpx; |
||||
// height: 40rpx; |
||||
// line-height: 40rpx; |
||||
// margin-top: 20rpx; |
||||
// } |
||||
} |
||||
</style> |
||||
@ -1,726 +0,0 @@
|
||||
<template> |
||||
<view class="page"> |
||||
<view class="top"> |
||||
<view class="pure_top"> |
||||
|
||||
</view> |
||||
<view class="calendar"> |
||||
<view class="date_year"> |
||||
<view style="display: flex;"> |
||||
<picker :value="dates.year" mode="date" fields="year" @change="dateYear($event)"> |
||||
<view>{{dates.year}}</view> |
||||
</picker> |
||||
<img src="../../static/down.png" style="width: 30rpx;height: 30rpx; margin:10rpx 0 0 10rpx;" |
||||
alt=""> |
||||
</view> |
||||
<view style="margin: 0 10rpx;">|</view> |
||||
<view class=""> |
||||
{{today.month}}.{{dates.day}} |
||||
</view> |
||||
</view> |
||||
<view class="monthbox"> |
||||
<view :class="{month_color : item==dates.month,month_color2 : item>month}" class="month_class" |
||||
v-for="(item,key) in months" :key="key" @tap="dateMonth(item)"> |
||||
<text>{{item}}</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="taskbox"> |
||||
<view class="itembox" v-for="(item,key) in user" :key="key"> |
||||
<view class="top"> |
||||
<view class="left"> |
||||
<img src="@/static/4412.png" alt=""> |
||||
<view class=""> |
||||
<text>{{item.name}}任务总数</text><text>{{nub}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="right"> |
||||
<view v-if="nub" style="margin-right: 10rpx;">完成</view> |
||||
|
||||
<view class=""> |
||||
<text v-if="nub">{{item.tasknub+'/'+nub}}件</text> |
||||
<text v-else>暂无任务</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="charts-box" style="display: flex;"> |
||||
<img src="@/static/dadui/10.png" alt=""> |
||||
<view v-if="identity" style="width: 50%;"> |
||||
<qiun-data-charts type="ring" :opts="opts" :chartData="chartData" /> |
||||
</view> |
||||
<view |
||||
style="width: 50%; display: flex;justify-content: center;align-items: center;flex-direction: column;"> |
||||
<view class="tagbox" v-for="(item,key) in chartData.series[0].data" :key="key"> |
||||
<view class="tag" :style="'background:'+opts.color[key]+';'"> |
||||
|
||||
</view> |
||||
<text>{{item.name}}-------{{item.value}}个</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="listbox"> |
||||
<view class="item" v-for="(item,key) in list" :key="key"> |
||||
<view class="typebox"> |
||||
<view |
||||
style="width: 12rpx; height: 34rpx; margin-top: 6rpx; background-color: #9D80FF; color: #9D80FF ;"> |
||||
1 |
||||
</view> |
||||
<view class="type"> |
||||
{{item.taskType}} |
||||
</view> |
||||
|
||||
</view> |
||||
<view class="namebox"> |
||||
<view class="name"> |
||||
{{item.company.companyName}} |
||||
</view> |
||||
<view style=" width: 30%; padding-left:20rpx;"> |
||||
<view v-if="item.company.useNature=='重点单位'" class="tag" style=""> |
||||
{{item.company.useNature}} |
||||
</view> |
||||
<view v-else class="tag2"> |
||||
{{item.company.useNature}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="staffbox"> |
||||
<view class="staff" style="flex: 1;"> |
||||
<view>主负责人:</view> |
||||
<view class="zhu">{{item.organization.name}}</view> |
||||
|
||||
</view> |
||||
<view class="jiancha"> |
||||
{{item.approvalStatus}} |
||||
</view> |
||||
</view> |
||||
<view style="display: flex;"> |
||||
<view style="flex:1"> |
||||
<view class="staffbox"> |
||||
<view class="staff"> |
||||
<view>协助人员:</view> |
||||
<view v-for="(i,k) in item.supervisors" :key="k" |
||||
style="display: flex;justify-content: center;align-items: center;"> |
||||
<img v-if="i.posts && i.posts[0] == '主查人员'" src="../../static/447.png" alt=""> |
||||
<img v-if="i.posts && i.posts[0] == '协查人员'" src="../../static/446.png" alt=""> |
||||
{{i.name}} |
||||
</view> |
||||
|
||||
</view> |
||||
<!-- <view class="implement"> |
||||
<button>执行</button> |
||||
</view> --> |
||||
</view> |
||||
<view class="staffbox"> |
||||
<view class="staff"> |
||||
<view>检查时间:</view> |
||||
<view>{{item.checkTime}}</view> |
||||
|
||||
</view> |
||||
<!-- --> |
||||
</view> |
||||
</view> |
||||
<view class="implement"> |
||||
<view class="button" v-if="item.approvalStatus=='待检查'"> |
||||
<button @tap="start(item)">执行</button> |
||||
</view> |
||||
<img v-else-if="item.inspectionResult=='未发现违法违规情况'" src="@/static/zeren/4508.png" alt=""> |
||||
<img v-else-if="item.inspectionResult=='责令限期改正'" src="@/static/zeren/4511.png" alt=""> |
||||
<view v-else class=""> |
||||
{{item.inspectionResult}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<tabbar :selected="0"></tabbar> |
||||
</view> |
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
import tabbar from '../tabbar.vue' |
||||
export default { |
||||
components: { |
||||
tabbar |
||||
}, |
||||
data() { |
||||
return { |
||||
title: 'Hello', |
||||
identity: 0, |
||||
progressNub: 60, |
||||
chartData: { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: 0 |
||||
}, { |
||||
name: "自主任务", |
||||
value: 0 |
||||
}, { |
||||
name: "申领任务", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
}, |
||||
dates: { |
||||
year: 2022, |
||||
month: 8, |
||||
day: 0, |
||||
}, |
||||
today: { |
||||
month: 8, |
||||
}, |
||||
opts: { |
||||
rotate: false, |
||||
rotateLock: false, |
||||
color: ["#FACE15", "#04F1C9", "#3990F1"], |
||||
|
||||
padding: [5, 5, 5, 5], |
||||
dataLabel: false, |
||||
legend: { |
||||
show: false, |
||||
fontColor: "#fff", |
||||
position: "right", |
||||
lineHeight: 20 |
||||
}, |
||||
title: { |
||||
name: "任务总数", |
||||
fontSize: 15, |
||||
color: "#fff" |
||||
}, |
||||
subtitle: { |
||||
name: "0", |
||||
fontSize: 25, |
||||
color: "#fff" |
||||
}, |
||||
|
||||
extra: { |
||||
ring: { |
||||
width: 50, |
||||
height: 50, |
||||
ringWidth: 10, |
||||
activeOpacity: 0.5, |
||||
activeRadius: 10, |
||||
offsetAngle: 0, |
||||
labelWidth: 15, |
||||
border: false, |
||||
customRadius: 60, |
||||
borderWidth: 3, |
||||
borderColor: "#FFFFFF", |
||||
centerColor: "#57B5FF", |
||||
linearType: "none" |
||||
} |
||||
} |
||||
}, |
||||
user: [{ |
||||
tasknub: 0 |
||||
}], |
||||
isSupervisor: false, |
||||
list: [], |
||||
month: 0, |
||||
nub: 0, |
||||
months: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] |
||||
} |
||||
}, |
||||
created() { |
||||
let a = uni.getStorageSync("user"); |
||||
let date = new Date() |
||||
this.dates.month = date.getMonth() + 1 |
||||
this.today.month = date.getMonth() + 1 |
||||
this.month = date.getMonth() + 1 |
||||
this.dates.year = date.getFullYear() |
||||
this.dates.day = date.getDate() |
||||
this.getOrganizations() |
||||
}, |
||||
onReady() { |
||||
|
||||
// this.getOrganizations() |
||||
}, |
||||
methods: { |
||||
getOrganizations() { |
||||
const that = this |
||||
let selectedTime = this.dates.year + '-' + this.dates.month + '-' + '01' |
||||
let userId = uni.getStorageSync("user").id |
||||
let roles = uni.getStorageSync("user").roles |
||||
console.log(uni.getStorageSync("user")); |
||||
let isSupervisor = roles.find(item => { |
||||
return item.name.indexOf('检查') != -1 |
||||
}) |
||||
isSupervisor ? this.isSupervisor = true : this.isSupervisor = false |
||||
|
||||
let params = { |
||||
ContainsChildren: true, |
||||
pageSize: 9999 |
||||
} |
||||
this.$request.get("/api/Organizations", params, (data, res) => { |
||||
console.log(res); |
||||
if (!this.isSupervisor) { |
||||
this.user = res.items |
||||
for (let i = 0; i < this.user.length; i++) { |
||||
this.user[i]["tasknub"] = 0 |
||||
this.user[i]["rate"] = 0 |
||||
} |
||||
} else { |
||||
this.getSupervisor() |
||||
} |
||||
this.getTaskListOfStation(userId) |
||||
}) |
||||
}, |
||||
getSupervisor() { |
||||
this.$request.get("/api/Users/Inspectors", {}, (data, res) => { |
||||
console.log(uni.getStorageSync("user").roles, 8800); |
||||
let userName = uni.getStorageSync("user").name; |
||||
// console.log(uni.getStorageSync("user").roles); |
||||
for (let i = 0; i < res.length; i++) { |
||||
if (res[i].name = userName) { |
||||
|
||||
this.user = [res[i]] |
||||
console.log(this.user, 8070); |
||||
for (let i = 0; i < this.user.length; i++) { |
||||
this.user[i]["tasknub"] = 0 |
||||
this.user[i]["rate"] = 0 |
||||
|
||||
} |
||||
} |
||||
} |
||||
}) |
||||
}, |
||||
getTaskListOfStation(item) { |
||||
console.log(item); |
||||
const that = this |
||||
let OrganizationId = uni.getStorageSync("user").organizationId |
||||
let selectedTime = this.dates.year + '-' + this.dates.month + '-' + '01' |
||||
let params = { |
||||
Month: selectedTime, |
||||
SupervisorId: this.isSupervisor ? item : null, |
||||
AssitantOrganizationId: this.isSupervisor ? null : OrganizationId, |
||||
PageNumber: 1, |
||||
approvalStatuses: ['待检查', '已检查'], |
||||
PageSize: 9999 |
||||
} |
||||
this.$request.get("/api/PlanTasks", params, (data, res) => { |
||||
console.log(res); |
||||
this.list = res.items |
||||
this.list["tasknub"] = 0 |
||||
for (let e = 0; e < this.user.length; e++) { |
||||
for (let i = 0; i < that.list.length; i++) { |
||||
|
||||
if (that.list[i].checkTime) { |
||||
let text = that.list[i].checkTime.substring(0, 10) |
||||
that.list[i].checkTime = text |
||||
} |
||||
|
||||
if (that.list[i].inspectionResult != '待检查') { |
||||
this.user[e].tasknub += 1 |
||||
} |
||||
} |
||||
} |
||||
console.log(this.list); |
||||
this.getServerData(); |
||||
}) |
||||
}, |
||||
getServerData() { |
||||
//模拟从服务器获取数据时的延时 |
||||
this.nub = 0 |
||||
this.chartData = { |
||||
series: [{ |
||||
data: [{ |
||||
name: "上级指派", |
||||
value: 0 |
||||
}, { |
||||
name: "自主任务", |
||||
value: 0 |
||||
}, { |
||||
name: "申领任务", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
} |
||||
for (let i = 0; i < this.list.length; i++) { |
||||
|
||||
for (let e = 0; e < this.chartData.series[0].data.length; e++) { |
||||
|
||||
if (this.chartData.series[0].data[e].name == this.list[i].creationType) { |
||||
this.chartData.series[0].data[e].value += 1 |
||||
this.nub = this.nub + 1 |
||||
this.opts.subtitle.name = JSON.stringify(this.nub) |
||||
} |
||||
|
||||
} |
||||
} |
||||
this.identity = 1 |
||||
}, |
||||
dateYear(e) { |
||||
console.log(e); |
||||
this.dates.year = e.detail.value |
||||
this.getOrganizations() |
||||
}, |
||||
dateMonth(e) { |
||||
if (e > this.month) { |
||||
return |
||||
} |
||||
this.dates.month = e |
||||
this.getOrganizations() |
||||
}, |
||||
start(item) { |
||||
console.log(item); |
||||
// return |
||||
uni.navigateTo({ |
||||
url: '/pages/task/details?id=' + item.company.id + '&uid=' + item.id, |
||||
}) |
||||
} |
||||
} |
||||
|
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.top { |
||||
position: relative; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
|
||||
.pure_top { |
||||
width: 100%; |
||||
height: 220rpx; |
||||
position: absolute; |
||||
z-index: 0; |
||||
overflow: hidden; |
||||
|
||||
} |
||||
|
||||
.pure_top::after { |
||||
content: ""; |
||||
width: 100%; |
||||
height: 220rpx; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
z-index: -1; |
||||
border-radius: 0 0 100% 100%; |
||||
background: linear-gradient(180deg, #57B5FF 0%, #616DFD 100%); |
||||
} |
||||
|
||||
.month_color { |
||||
border-radius: 48rpx; |
||||
|
||||
background-color: #317AFF; |
||||
color: #fff; |
||||
} |
||||
|
||||
.month_color2 { |
||||
color: #B5B5B5; |
||||
} |
||||
|
||||
.calendar { |
||||
z-index: 1; |
||||
position: relative; |
||||
left: 74rpx; |
||||
top: 20rpx; |
||||
width: 80%; |
||||
height: 120rpx; |
||||
border-radius: 10rpx; |
||||
box-shadow: 0px 0px 20px 1px #C1D7FF; |
||||
background: #fff; |
||||
|
||||
view { |
||||
height: 60rpx; |
||||
} |
||||
|
||||
.date_year { |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
background-color: #fff; |
||||
padding: 10rpx 0 0 10rpx; |
||||
} |
||||
|
||||
.monthbox { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: row; |
||||
|
||||
.month_class { |
||||
|
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
button { |
||||
width: 140rpx; |
||||
height: 70rpx; |
||||
color: #fff; |
||||
border-radius: 34rpx; |
||||
line-height: 70rpx; |
||||
font-size: 30rpx; |
||||
background-color: #327AFE; |
||||
} |
||||
|
||||
.taskbox { |
||||
width: 90%; |
||||
margin: 40rpx auto; |
||||
border-radius: 20rpx; |
||||
background-color: #fff; |
||||
padding: 20rpx; |
||||
position: relative; |
||||
left: 0; |
||||
z-index: 10; |
||||
|
||||
.itembox { |
||||
|
||||
.top { |
||||
margin-top: 30rpx; |
||||
height: 60rpx; |
||||
display: flex; |
||||
|
||||
.left { |
||||
display: flex; |
||||
flex: 1; |
||||
|
||||
img { |
||||
width: 50rpx; |
||||
height: 50rpx; |
||||
} |
||||
|
||||
text { |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
|
||||
.right { |
||||
color: #909090; |
||||
display: flex; |
||||
|
||||
.progress { |
||||
margin-top: 6rpx; |
||||
margin-right: 10rpx; |
||||
height: 34rpx; |
||||
flex: 1; |
||||
background: #E4E7EC; |
||||
|
||||
.color { |
||||
|
||||
height: 100%; |
||||
background-color: #14B389; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.charts-box { |
||||
// background-color: #5687fd; |
||||
height: 250rpx; |
||||
position: relative; |
||||
|
||||
img { |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: -1; |
||||
} |
||||
|
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
|
||||
.tagbox { |
||||
color: #FFFFFF; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
margin: 10rpx 0; |
||||
font-size: 32rpx; |
||||
|
||||
.tag { |
||||
width: 20rpx; |
||||
height: 20rpx; |
||||
border-radius: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.logo { |
||||
height: 200rpx; |
||||
width: 200rpx; |
||||
margin-top: 200rpx; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
margin-bottom: 50rpx; |
||||
} |
||||
|
||||
.text-area { |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.title { |
||||
font-size: 36rpx; |
||||
color: #8f8f94; |
||||
} |
||||
|
||||
.login-box { |
||||
display: flex; |
||||
background: #8f8f94; |
||||
width: 100%; |
||||
height: 120rpx; |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
|
||||
.login-text { |
||||
color: #fff; |
||||
width: 60%; |
||||
display: flex; |
||||
font-size: 36rpx; |
||||
padding-left: 40rpx; |
||||
align-items: center; |
||||
} |
||||
|
||||
.login-button { |
||||
flex: 1; |
||||
text-align: center; |
||||
margin-top: 20rpx; |
||||
|
||||
} |
||||
} |
||||
|
||||
.listbox { |
||||
width: 90%; |
||||
margin: -10rpx auto 0 auto; |
||||
|
||||
.item { |
||||
background-color: #fff; |
||||
margin: 20rpx 0; |
||||
padding: 20rpx; |
||||
|
||||
.namebox { |
||||
display: flex; |
||||
margin-bottom: 10rpx; |
||||
|
||||
.name { |
||||
font-weight: 600; |
||||
font-size: 36rpx; |
||||
width: 70%; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
} |
||||
|
||||
.tag { |
||||
text-align: center; |
||||
width: 180rpx; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
color: #FF6F51; |
||||
border: 1px solid #FF6F51; |
||||
background: rgba(255, 111, 81, 0.2400); |
||||
border-radius: 40rpx 40rpx 40rpx 40rpx; |
||||
} |
||||
|
||||
.tag2 { |
||||
text-align: center; |
||||
width: 180rpx; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
color: #14B488; |
||||
border: 1px solid rgba(30, 232, 177, 0.8); |
||||
background: rgba(30, 232, 177, 0.24); |
||||
border-radius: 40rpx 40rpx 40rpx 40rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.typebox { |
||||
display: flex; |
||||
margin: 14rpx 0; |
||||
|
||||
.type { |
||||
width: 50%; |
||||
// border-left: #327AFE 6rpx solid; |
||||
font-size: 32rpx; |
||||
font-weight: 600; |
||||
padding-left: 10rpx; |
||||
} |
||||
|
||||
.result { |
||||
width: 50%; |
||||
text-align: right; |
||||
color: #FF6F51; |
||||
} |
||||
} |
||||
|
||||
.staffbox { |
||||
display: flex; |
||||
margin: 6rpx 0; |
||||
font-size: 30rpx; |
||||
|
||||
.staff { |
||||
display: flex; |
||||
color: rgba(16, 15, 25, 0.48); |
||||
|
||||
.zhu { |
||||
|
||||
color: #100F19; |
||||
} |
||||
|
||||
view { |
||||
margin-right: 20rpx; |
||||
} |
||||
|
||||
img { |
||||
width: 40rpx; |
||||
height: 40rpx; |
||||
min-width: 40rpx; |
||||
min-height: 40rpx; |
||||
} |
||||
} |
||||
|
||||
.jiancha { |
||||
color: #FFBA19; |
||||
margin-right: 10rpx; |
||||
|
||||
} |
||||
|
||||
} |
||||
|
||||
.implement { |
||||
|
||||
margin-bottom: 10rpx; |
||||
|
||||
.button { |
||||
width: 100%; |
||||
height: 100%; |
||||
padding-top: 20rpx; |
||||
} |
||||
|
||||
img { |
||||
width: 100rpx; |
||||
height: 100rpx; |
||||
} |
||||
|
||||
// button { |
||||
// float: right; |
||||
// width: 80rpx; |
||||
// height: 40rpx; |
||||
// line-height: 40rpx; |
||||
// margin-top: 20rpx; |
||||
// } |
||||
} |
||||
</style> |
||||
@ -1,881 +0,0 @@
|
||||
<template> |
||||
<view class="page"> |
||||
<view class="top"> |
||||
<view class="pure_top"> |
||||
|
||||
</view> |
||||
<view class="calendar"> |
||||
<view class="date_year"> |
||||
<view style="display: flex;"> |
||||
<picker :value="dates.year" mode="date" fields="year" @change="dateYear($event)"> |
||||
<view>{{dates.year}}</view> |
||||
</picker> |
||||
<img src="@/static/down.png" style="width: 30rpx;height: 30rpx; margin:10rpx 0 0 10rpx;" alt=""> |
||||
</view> |
||||
<view style="margin: 0 10rpx;">|</view> |
||||
<view class=""> |
||||
{{today.month}}.{{dates.day}} |
||||
</view> |
||||
</view> |
||||
<view class="monthbox"> |
||||
<view :class="{month_color : item==dates.month,month_color2 : item>month}" class="month_class" |
||||
v-for="(item,key) in months" :key="key" @tap="dateMonth(item)"> |
||||
<text>{{item}}</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="taskbox"> |
||||
<view class="itembox"> |
||||
<view class="top"> |
||||
<view class="left"> |
||||
<img src="@/static/4412.png" alt=""> |
||||
<view class=""> |
||||
<text>任务总数</text><text>{{nub}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="right"> |
||||
<view v-if="nub" style="margin-right: 10rpx;">完成</view> |
||||
|
||||
<view class=""> |
||||
<text v-if="nub">{{num}}/{{nub}}件</text> |
||||
<text v-else>暂无任务</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="charts-box" style="display: flex;"> |
||||
<!-- <img src="@/static/dadui/10.png" alt=""> --> |
||||
<view style="width: 40%;"> |
||||
<qiun-data-charts v-if="identity" type="ring" :opts="opts" :chartData="chartData" /> |
||||
</view> |
||||
<view style=" width: 60%; display: flex;flex-wrap:wrap"> |
||||
<view class="tagbox" style="width: 50%;" v-for="(item,key) in chartData.series[0].data" |
||||
:key="key"> |
||||
<view class="tag" :style="'background:'+opts.color[key]+';'"> |
||||
|
||||
</view> |
||||
<text style="font-size: 24rpx;">{{item.name}}</text> |
||||
<view style="font-size: 28rpx; flex:1;text-align: right;padding-right: 10rpx;"> |
||||
{{item.value}}个 |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
<view class="itembox"> |
||||
<view class="top"> |
||||
<view class="left"> |
||||
<img src="@/static/4412.png" alt=""> |
||||
<view class=""> |
||||
<text>指派任务任务总数</text><text>{{nub2}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="right"> |
||||
<view v-if="nub2" style="margin-right: 10rpx;">完成</view> |
||||
|
||||
<view class=""> |
||||
<text v-if="nub">{{num2}}/{{nub2}}件</text> |
||||
<text v-else>暂无任务</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="charts-box" style="display: flex;"> |
||||
<!-- <img src="@/static/dadui/10.png" alt=""> --> |
||||
<view v-if="identity" style="width: 40%;"> |
||||
<qiun-data-charts type="ring" :opts="opts2" :chartData="chartData2" /> |
||||
</view> |
||||
<view |
||||
style="width: 60%; display: flex;justify-content: center;align-items: center;flex-direction: column;"> |
||||
<view class="tagbox" v-for="(item,key) in chartData2.series[0].data" :key="key"> |
||||
<view class="tag" :style="'background:'+opts2.color[key]+';'"> |
||||
|
||||
</view> |
||||
<text>{{item.name}}-----{{item.value}}个</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
<view class="itembox"> |
||||
<view class="top"> |
||||
<view class="left"> |
||||
<img src="@/static/4412.png" alt=""> |
||||
<view class=""> |
||||
<text>申领任务总数</text><text>{{countStat.statistics3.num}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="right"> |
||||
<view v-if="countStat.statistics3.percentageComplete" style="margin-right: 10rpx;">完成率: |
||||
</view> |
||||
|
||||
<view class=""> |
||||
<text |
||||
v-if="countStat.statistics3.percentageComplete">{{countStat.statistics3.percentageComplete}}%</text> |
||||
<text v-else>暂无任务</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="charts-box"> |
||||
<view class="title" style="display: flex;"> |
||||
<view class=""> |
||||
|
||||
</view> |
||||
<view class=""> |
||||
救援站主负责发起 |
||||
</view> |
||||
</view> |
||||
<!-- <img src="@/static/dadui/10.png" alt=""> --> |
||||
<view class="" style="display: flex; "> |
||||
<view v-if="identity" style="width: 40%;"> |
||||
<qiun-data-charts type="ring" :opts="opts3" :chartData="chartData3" /> |
||||
</view> |
||||
<view |
||||
style="width: 60%; display: flex;justify-content: center;align-items: center;flex-direction: column;"> |
||||
<view class="tagbox" v-for="(item,key) in chartData3.series[0].data" :key="key"> |
||||
<view class="tag" :style="'background:'+opts.color[key]+';'"> |
||||
|
||||
</view> |
||||
<text>{{item.name}}-----{{item.value}}个</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="itembox"> |
||||
<view class="top"> |
||||
<view class="left"> |
||||
<img src="@/static/4412.png" alt=""> |
||||
<view class=""> |
||||
<text>检察员任务总数</text><text>{{countStat.statistics3.num}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="right"> |
||||
<view v-if="countStat.statistics3.percentageComplete" style="margin-right: 10rpx;"> |
||||
完成率: |
||||
</view> |
||||
|
||||
<view class=""> |
||||
<text |
||||
v-if="countStat.statistics3.percentageComplete">{{countStat.statistics3.percentageComplete}}%</text> |
||||
<text v-else>暂无任务</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="charts-box" style="display: flex;"> |
||||
<!-- <img src="@/static/dadui/10.png" alt=""> --> |
||||
<view v-if="identity" style="width: 40%;"> |
||||
<qiun-data-charts type="ring" :opts="opts3" :chartData="chartData3" /> |
||||
</view> |
||||
<view |
||||
style="width: 60%; display: flex;justify-content: center;align-items: center;flex-direction: column;"> |
||||
<view class="tagbox" v-for="(item,key) in chartData3.series[0].data" :key="key"> |
||||
<view class="tag" :style="'background:'+opts.color[key]+';'"> |
||||
|
||||
</view> |
||||
<text>{{item.name}}-----{{item.value}}个</text> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
title: 'Hello', |
||||
identity: 0, |
||||
progressNub: 60, |
||||
chartData: { |
||||
series: [{ |
||||
data: [{ |
||||
name: "熟悉演练", |
||||
value: 0 |
||||
}, { |
||||
name: "联络指导", |
||||
value: 0 |
||||
}, { |
||||
name: "消防宣传", |
||||
value: 0 |
||||
}, { |
||||
name: "投诉举报", |
||||
value: 0 |
||||
}, { |
||||
name: "双随机", |
||||
value: 0 |
||||
}, { |
||||
name: "行政许可", |
||||
value: 0 |
||||
}, { |
||||
name: "火灾调查", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
}, |
||||
chartData2: { |
||||
series: [{ |
||||
data: [{ |
||||
name: "投诉举报", |
||||
value: 0 |
||||
}, { |
||||
name: "行政许可", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
}, |
||||
chartData3: { |
||||
series: [{ |
||||
data: [{ |
||||
name: "同意", |
||||
value: 0 |
||||
}, { |
||||
name: "驳回", |
||||
value: 0 |
||||
}, { |
||||
name: "待处理", |
||||
value: 0 |
||||
}, ] |
||||
}] |
||||
}, |
||||
dates: { |
||||
year: 2022, |
||||
month: 8, |
||||
day: 0, |
||||
}, |
||||
today: { |
||||
month: 8, |
||||
}, |
||||
opts: { |
||||
rotate: false, |
||||
rotateLock: false, |
||||
color: ["#FEA364", "#977AC8", "#6AD9AC", "#6A7A96", "#F5C044", "#E7745E", "#79C9EA"], |
||||
|
||||
padding: [5, 5, 5, 5], |
||||
dataLabel: false, |
||||
legend: { |
||||
show: false, |
||||
fontColor: "#fff", |
||||
position: "right", |
||||
lineHeight: 20 |
||||
}, |
||||
title: { |
||||
name: "任务总数", |
||||
fontSize: 15, |
||||
color: "#fff" |
||||
}, |
||||
subtitle: { |
||||
name: "0", |
||||
fontSize: 25, |
||||
color: "#fff" |
||||
}, |
||||
|
||||
extra: { |
||||
ring: { |
||||
width: 50, |
||||
height: 50, |
||||
ringWidth: 10, |
||||
activeOpacity: 0.5, |
||||
activeRadius: 10, |
||||
offsetAngle: 0, |
||||
labelWidth: 15, |
||||
border: false, |
||||
customRadius: 50, |
||||
borderWidth: 3, |
||||
borderColor: "#FFFFFF", |
||||
centerColor: "#57B5FF", |
||||
linearType: "none" |
||||
} |
||||
} |
||||
}, |
||||
opts2: { |
||||
rotate: false, |
||||
rotateLock: false, |
||||
color: ["#5074F9", "#FFBA19"], |
||||
|
||||
padding: [5, 5, 5, 5], |
||||
dataLabel: false, |
||||
legend: { |
||||
show: false, |
||||
fontColor: "#fff", |
||||
position: "right", |
||||
lineHeight: 20 |
||||
}, |
||||
title: { |
||||
name: "任务总数", |
||||
fontSize: 15, |
||||
color: "#fff" |
||||
}, |
||||
subtitle: { |
||||
name: "0", |
||||
fontSize: 25, |
||||
color: "#fff" |
||||
}, |
||||
|
||||
extra: { |
||||
ring: { |
||||
width: 50, |
||||
height: 50, |
||||
ringWidth: 10, |
||||
activeOpacity: 0.5, |
||||
activeRadius: 10, |
||||
offsetAngle: 0, |
||||
labelWidth: 15, |
||||
border: false, |
||||
customRadius: 50, |
||||
borderWidth: 3, |
||||
borderColor: "#FFFFFF", |
||||
centerColor: "#57B5FF", |
||||
linearType: "none" |
||||
} |
||||
} |
||||
}, |
||||
opts3: { |
||||
rotate: false, |
||||
rotateLock: false, |
||||
color: ["#FACE15", "#04F1C9", "#3990F1"], |
||||
|
||||
padding: [5, 5, 5, 5], |
||||
dataLabel: false, |
||||
legend: { |
||||
show: false, |
||||
fontColor: "#fff", |
||||
position: "right", |
||||
lineHeight: 20 |
||||
}, |
||||
title: { |
||||
name: "任务总数", |
||||
fontSize: 15, |
||||
color: "#fff" |
||||
}, |
||||
subtitle: { |
||||
name: "0", |
||||
fontSize: 25, |
||||
color: "#fff" |
||||
}, |
||||
|
||||
extra: { |
||||
ring: { |
||||
width: 50, |
||||
height: 50, |
||||
ringWidth: 10, |
||||
activeOpacity: 0.5, |
||||
activeRadius: 10, |
||||
offsetAngle: 0, |
||||
labelWidth: 15, |
||||
border: false, |
||||
customRadius: 50, |
||||
borderWidth: 3, |
||||
borderColor: "#FFFFFF", |
||||
centerColor: "#57B5FF", |
||||
linearType: "none" |
||||
} |
||||
} |
||||
}, |
||||
user: [{ |
||||
tasknub: 0 |
||||
}], |
||||
countStat: { |
||||
statistics1: { |
||||
num: 0, |
||||
percentageComplete: 0, |
||||
item1: 0, |
||||
item2: 0, |
||||
item3: 0 |
||||
}, |
||||
statistics2: { |
||||
num: 0, |
||||
percentageComplete: 0, |
||||
item1: 0, |
||||
item2: 0, |
||||
item3: 0 |
||||
}, |
||||
statistics3: { |
||||
num: 0, |
||||
percentageComplete: 0, |
||||
item1: 0, |
||||
item2: 0, |
||||
item3: 0 |
||||
} |
||||
}, |
||||
isSupervisor: false, |
||||
list: [], |
||||
list2: [], |
||||
list3: [], |
||||
list4: [], |
||||
month: 0, |
||||
nub: 0, |
||||
nub2: 0, |
||||
num: 0, |
||||
num2: 0, |
||||
months: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] |
||||
} |
||||
}, |
||||
created() { |
||||
let a = uni.getStorageSync("user"); |
||||
let date = new Date() |
||||
this.dates.month = date.getMonth() + 1 |
||||
this.today.month = date.getMonth() + 1 |
||||
this.month = date.getMonth() + 1 |
||||
this.dates.year = date.getFullYear() |
||||
this.dates.day = date.getDate() |
||||
this.getTaskListOfStation('投诉举报') |
||||
this.getTaskListOfStation('双随机') |
||||
this.getTaskListOfStation('熟悉演练') |
||||
this.getTaskListOfStation('行政许可') |
||||
this.getCountStat() |
||||
|
||||
}, |
||||
onReady() { |
||||
this.identity = 1 |
||||
// this.getOrganizations() |
||||
}, |
||||
methods: { |
||||
|
||||
getTaskListOfStation(item) { |
||||
|
||||
const that = this |
||||
let OrganizationId = uni.getStorageSync("user").organizationId |
||||
let selectedTime = this.dates.year + '-' + this.dates.month + '-' + '01' |
||||
|
||||
let params = { |
||||
Month: selectedTime, |
||||
OrganizationId: OrganizationId, |
||||
TaskType: item, |
||||
PageNumber: 1, |
||||
PageSize: 99999 |
||||
} |
||||
this.$request.get("/api/PlanTasks", params, (data, res) => { |
||||
console.log(res); |
||||
if (item == "投诉举报") { |
||||
this.list = res.items |
||||
this.chartData.series[0].data[3].value = res.items.length |
||||
this.chartData2.series[0].data[0].value = res.items.length |
||||
this.nub += res.items.length |
||||
this.nub2 += res.items.length |
||||
for (let a = 0; a < res.items.length; a++) { |
||||
if (res.items[a].approvalStatus == "已检查") { |
||||
this.num++ |
||||
this.num2++ |
||||
} |
||||
} |
||||
} |
||||
if (item == "双随机") { |
||||
this.list2 = res.items |
||||
this.chartData.series[0].data[2].value = res.items.length |
||||
|
||||
this.nub += res.items.length |
||||
for (let a = 0; a < res.items.length; a++) { |
||||
if (res.items[a].approvalStatus == "已检查") { |
||||
this.num++ |
||||
} |
||||
} |
||||
} |
||||
if (item == "熟悉演练") { |
||||
this.list3 = res.items |
||||
this.chartData.series[0].data[0].value = res.items.length |
||||
this.nub += res.items.length |
||||
for (let a = 0; a < res.items.length; a++) { |
||||
if (res.items[a].approvalStatus == "已检查") { |
||||
this.num++ |
||||
} |
||||
} |
||||
} |
||||
if (item == "行政许可") { |
||||
this.list4 = res.items |
||||
this.chartData.series[0].data[5].value = res.items.length |
||||
this.chartData2.series[0].data[1].value = res.items.length |
||||
this.nub += res.items.length |
||||
this.nub2 += res.items.length |
||||
for (let a = 0; a < res.items.length; a++) { |
||||
if (res.items[a].approvalStatus == "已检查") { |
||||
this.num++ |
||||
this.num2++ |
||||
} |
||||
} |
||||
|
||||
} |
||||
this.opts.subtitle.name = this.nub |
||||
this.opts2.subtitle.name = this.nub2 |
||||
// this.getCountStat() |
||||
}) |
||||
}, |
||||
getCountStat() { |
||||
|
||||
}, |
||||
|
||||
|
||||
dateYear(e) { |
||||
console.log(e); |
||||
this.dates.year = e.detail.value |
||||
this.getOrganizations() |
||||
}, |
||||
dateMonth(e) { |
||||
if (e > this.month) { |
||||
return |
||||
} |
||||
this.dates.month = e |
||||
this.getOrganizations() |
||||
}, |
||||
start(item) { |
||||
|
||||
uni.navigateTo({ |
||||
url: '/pages/task/details?id=' + item.company.id, |
||||
}) |
||||
} |
||||
} |
||||
|
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.top { |
||||
position: relative; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
|
||||
.pure_top { |
||||
width: 100%; |
||||
height: 220rpx; |
||||
position: absolute; |
||||
z-index: 0; |
||||
overflow: hidden; |
||||
|
||||
} |
||||
|
||||
.pure_top::after { |
||||
content: ""; |
||||
width: 100%; |
||||
height: 220rpx; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
z-index: -1; |
||||
border-radius: 0 0 100% 100%; |
||||
background: linear-gradient(180deg, #57B5FF 0%, #616DFD 100%); |
||||
} |
||||
|
||||
.month_color { |
||||
border-radius: 48rpx; |
||||
|
||||
background-color: #317AFF; |
||||
color: #fff; |
||||
} |
||||
|
||||
.month_color2 { |
||||
color: #B5B5B5; |
||||
} |
||||
|
||||
.calendar { |
||||
z-index: 1; |
||||
position: relative; |
||||
left: 74rpx; |
||||
top: 20rpx; |
||||
width: 80%; |
||||
height: 120rpx; |
||||
border-radius: 10rpx; |
||||
box-shadow: 0px 0px 20px 1px #C1D7FF; |
||||
background: #fff; |
||||
|
||||
view { |
||||
height: 60rpx; |
||||
} |
||||
|
||||
.date_year { |
||||
box-sizing: border-box; |
||||
display: flex; |
||||
background-color: #fff; |
||||
padding: 10rpx 0 0 10rpx; |
||||
} |
||||
|
||||
.monthbox { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: row; |
||||
|
||||
.month_class { |
||||
|
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
|
||||
} |
||||
|
||||
button { |
||||
width: 140rpx; |
||||
height: 70rpx; |
||||
color: #fff; |
||||
border-radius: 34rpx; |
||||
line-height: 70rpx; |
||||
font-size: 30rpx; |
||||
background-color: #327AFE; |
||||
} |
||||
|
||||
.taskbox { |
||||
width: 90%; |
||||
margin: 40rpx auto; |
||||
border-radius: 20rpx; |
||||
background-color: #fff; |
||||
padding: 20rpx; |
||||
position: relative; |
||||
left: 0; |
||||
z-index: 10; |
||||
|
||||
.itembox { |
||||
|
||||
.top { |
||||
margin-top: 30rpx; |
||||
height: 60rpx; |
||||
display: flex; |
||||
|
||||
.left { |
||||
display: flex; |
||||
flex: 1; |
||||
|
||||
img { |
||||
width: 50rpx; |
||||
height: 50rpx; |
||||
} |
||||
|
||||
text { |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
|
||||
.right { |
||||
color: #909090; |
||||
display: flex; |
||||
|
||||
.progress { |
||||
margin-top: 6rpx; |
||||
margin-right: 10rpx; |
||||
height: 34rpx; |
||||
flex: 1; |
||||
background: #E4E7EC; |
||||
|
||||
.color { |
||||
|
||||
height: 100%; |
||||
background-color: #14B389; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.charts-box { |
||||
|
||||
box-shadow: 0px 0px 10px 1px #C1D7FF; |
||||
// background-color: #5687fd; |
||||
height: 250rpx; |
||||
position: relative; |
||||
|
||||
img { |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: -1; |
||||
} |
||||
|
||||
|
||||
|
||||
.tagbox { |
||||
color: #100F19; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
margin: 10rpx 0; |
||||
font-size: 32rpx; |
||||
|
||||
.tag { |
||||
width: 20rpx; |
||||
height: 20rpx; |
||||
border-radius: 20rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.logo { |
||||
height: 200rpx; |
||||
width: 200rpx; |
||||
margin-top: 200rpx; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
margin-bottom: 50rpx; |
||||
} |
||||
|
||||
.text-area { |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.title { |
||||
font-size: 36rpx; |
||||
color: #8f8f94; |
||||
} |
||||
|
||||
.login-box { |
||||
display: flex; |
||||
background: #8f8f94; |
||||
width: 100%; |
||||
height: 120rpx; |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
|
||||
.login-text { |
||||
color: #fff; |
||||
width: 60%; |
||||
display: flex; |
||||
font-size: 36rpx; |
||||
padding-left: 40rpx; |
||||
align-items: center; |
||||
} |
||||
|
||||
.login-button { |
||||
flex: 1; |
||||
text-align: center; |
||||
margin-top: 20rpx; |
||||
|
||||
} |
||||
} |
||||
|
||||
.listbox { |
||||
width: 90%; |
||||
margin: -10rpx auto 0 auto; |
||||
|
||||
.item { |
||||
background-color: #fff; |
||||
margin: 20rpx 0; |
||||
padding: 20rpx; |
||||
|
||||
.namebox { |
||||
display: flex; |
||||
margin-bottom: 10rpx; |
||||
|
||||
.name { |
||||
font-weight: 600; |
||||
font-size: 36rpx; |
||||
width: 70%; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
} |
||||
|
||||
.tag { |
||||
text-align: center; |
||||
width: 180rpx; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
color: #FF6F51; |
||||
border: 1px solid #FF6F51; |
||||
background: rgba(255, 111, 81, 0.2400); |
||||
border-radius: 40rpx 40rpx 40rpx 40rpx; |
||||
} |
||||
|
||||
.tag2 { |
||||
text-align: center; |
||||
width: 180rpx; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
color: #14B488; |
||||
border: 1px solid rgba(30, 232, 177, 0.8); |
||||
background: rgba(30, 232, 177, 0.24); |
||||
border-radius: 40rpx 40rpx 40rpx 40rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.typebox { |
||||
display: flex; |
||||
margin: 14rpx 0; |
||||
|
||||
.type { |
||||
width: 50%; |
||||
// border-left: #327AFE 6rpx solid; |
||||
font-size: 32rpx; |
||||
font-weight: 600; |
||||
padding-left: 10rpx; |
||||
} |
||||
|
||||
.result { |
||||
width: 50%; |
||||
text-align: right; |
||||
color: #FF6F51; |
||||
} |
||||
} |
||||
|
||||
.staffbox { |
||||
display: flex; |
||||
margin: 6rpx 0; |
||||
font-size: 30rpx; |
||||
|
||||
.staff { |
||||
display: flex; |
||||
color: rgba(16, 15, 25, 0.48); |
||||
|
||||
.zhu { |
||||
|
||||
color: #100F19; |
||||
} |
||||
|
||||
view { |
||||
margin-right: 20rpx; |
||||
} |
||||
|
||||
img { |
||||
width: 40rpx; |
||||
height: 40rpx; |
||||
min-width: 40rpx; |
||||
min-height: 40rpx; |
||||
} |
||||
} |
||||
|
||||
.jiancha { |
||||
color: #FFBA19; |
||||
margin-right: 10rpx; |
||||
|
||||
} |
||||
|
||||
} |
||||
|
||||
.implement { |
||||
|
||||
margin-bottom: 10rpx; |
||||
|
||||
.button { |
||||
width: 100%; |
||||
height: 100%; |
||||
padding-top: 20rpx; |
||||
} |
||||
|
||||
img { |
||||
width: 100rpx; |
||||
height: 100rpx; |
||||
} |
||||
|
||||
// button { |
||||
// float: right; |
||||
// width: 80rpx; |
||||
// height: 40rpx; |
||||
// line-height: 40rpx; |
||||
// margin-top: 20rpx; |
||||
// } |
||||
} |
||||
</style> |
||||
@ -0,0 +1,79 @@
|
||||
<template> |
||||
<view class="content"> |
||||
<view class="input"> |
||||
<input type="text" placeholder="搜索单位" @input="getCompanies($event)"> |
||||
</view> |
||||
<view class="content_item_box"> |
||||
<view class="content_item" v-for="(item,index) in list" :key="index"> |
||||
<text @tap="aaa(index)">{{item.companyName}}</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
props: ['cid'], |
||||
data() { |
||||
|
||||
return { |
||||
list: [] |
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
this.getCompanies() |
||||
}, |
||||
methods: { |
||||
getCompanies(e) { |
||||
let a = "" |
||||
if (e) { |
||||
a = e.detail.value |
||||
} |
||||
let OrganizationId = uni.getStorageSync("user").organizationId |
||||
let params = { |
||||
companyName: a, |
||||
OrganizationId: OrganizationId, |
||||
PageNumber: 1, |
||||
PageSize: 50 |
||||
} |
||||
this.$request.get('/api/Companies', params, (data, res) => { |
||||
console.log(res,4444); |
||||
this.list = res.items |
||||
}) |
||||
}, |
||||
aaa(i) { |
||||
console.log(i); |
||||
|
||||
this.$parent.Company(this.list[i]); |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.content { |
||||
height: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding: 20rpx; |
||||
.input{ |
||||
border: 2rpx solid #E4E7EC; |
||||
height: 60rpx; |
||||
padding: 0 20rpx; |
||||
input{ |
||||
height: 100%; |
||||
} |
||||
} |
||||
.content_item_box { |
||||
flex: 1; |
||||
overflow: auto; |
||||
.content_item{ |
||||
height: 80rpx; |
||||
line-height: 80rpx; |
||||
padding-left: 20rpx; |
||||
border-bottom: 2rpx solid #eceff3; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,42 @@
|
||||
<template> |
||||
<Dtask v-if="shenfen=='battalion'&&!isSupervisor"></Dtask> |
||||
<Ztask v-else-if="shenfen=='brigade'"></Ztask> |
||||
<Jtask v-else></Jtask> |
||||
|
||||
</template> |
||||
|
||||
<script> |
||||
import Dtask from "@/pages/dadui/jiancha/jiancha.vue" |
||||
import Jtask from "@/pages/dadui/jiuyuan/jiuyuan.vue" |
||||
import Ztask from '@/pages/zhidui/assign/assign.vue' |
||||
export default { |
||||
components: { |
||||
Dtask, |
||||
Jtask, |
||||
Ztask |
||||
}, |
||||
data() { |
||||
return { |
||||
shenfen: "", |
||||
isSupervisor: false |
||||
} |
||||
}, |
||||
onLoad() { |
||||
let roles = uni.getStorageSync("user").roles |
||||
let isSupervisor = roles.find(item => { |
||||
return item.name.indexOf('检查') != -1 |
||||
}) |
||||
isSupervisor ? this.isSupervisor = true : this.isSupervisor = false |
||||
this.shenfen = uni.getStorageSync("user").organizationLevel |
||||
|
||||
}, |
||||
onReady() { |
||||
|
||||
}, |
||||
methods: {} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
|
||||
</style> |
||||
|
After Width: | Height: | Size: 289 B |
@ -0,0 +1,64 @@
|
||||
## 1.0.7（2022-07-06） |
||||
- 优化 pc端图标位置不正确的问题 |
||||
## 1.0.6（2022-07-05） |
||||
- 优化 显示样式 |
||||
## 1.0.5（2022-07-04） |
||||
- 修复 uni-data-picker 在 uni-forms-item 中宽度不正确的bug |
||||
## 1.0.4（2022-04-19） |
||||
- 修复 字节小程序 本地数据无法选择下一级的Bug |
||||
## 1.0.3（2022-02-25） |
||||
- 修复 nvue 不支持的 v-show 的 bug |
||||
## 1.0.2（2022-02-25） |
||||
- 修复 条件编译 nvue 不支持的 css 样式 |
||||
## 1.0.1（2021-11-23） |
||||
- 修复 由上个版本引发的map、v-model等属性不生效的bug |
||||
## 1.0.0（2021-11-19） |
||||
- 优化 组件 UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource) |
||||
- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-data-picker](https://uniapp.dcloud.io/component/uniui/uni-data-picker) |
||||
## 0.4.9（2021-10-28） |
||||
- 修复 VUE2 v-model 概率无效的 bug |
||||
## 0.4.8（2021-10-27） |
||||
- 修复 v-model 概率无效的 bug |
||||
## 0.4.7（2021-10-25） |
||||
- 新增 属性 spaceInfo 服务空间配置 HBuilderX 3.2.11+ |
||||
- 修复 树型 uniCloud 数据类型为 int 时报错的 bug |
||||
## 0.4.6（2021-10-19） |
||||
- 修复 非 VUE3 v-model 为 0 时无法选中的 bug |
||||
## 0.4.5（2021-09-26） |
||||
- 新增 清除已选项的功能（通过 clearIcon 属性配置是否显示按钮），同时提供 clear 方法以供调用，二者等效 |
||||
- 修复 readonly 为 true 时报错的 bug |
||||
## 0.4.4（2021-09-26） |
||||
- 修复 上一版本造成的 map 属性失效的 bug |
||||
- 新增 ellipsis 属性，支持配置 tab 选项长度过长时是否自动省略 |
||||
## 0.4.3（2021-09-24） |
||||
- 修复 某些情况下级联未触发的 bug |
||||
## 0.4.2（2021-09-23） |
||||
- 新增 提供 show 和 hide 方法，开发者可以通过 ref 调用 |
||||
- 新增 选项内容过长自动添加省略号 |
||||
## 0.4.1（2021-09-15） |
||||
- 新增 map 属性 字段映射，将 text/value 映射到数据中的其他字段 |
||||
## 0.4.0（2021-07-13） |
||||
- 组件兼容 vue3，如何创建 vue3 项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834) |
||||
## 0.3.5（2021-06-04） |
||||
- 修复 无法加载云端数据的问题 |
||||
## 0.3.4（2021-05-28） |
||||
- 修复 v-model 无效问题 |
||||
- 修复 loaddata 为空数据组时加载时间过长问题 |
||||
- 修复 上个版本引出的本地数据无法选择带有 children 的 2 级节点 |
||||
## 0.3.3（2021-05-12） |
||||
- 新增 组件示例地址 |
||||
## 0.3.2（2021-04-22） |
||||
- 修复 非树形数据有 where 属性查询报错的问题 |
||||
## 0.3.1（2021-04-15） |
||||
- 修复 本地数据概率无法回显时问题 |
||||
## 0.3.0（2021-04-07） |
||||
- 新增 支持云端非树形表结构数据 |
||||
- 修复 根节点 parent_field 字段等于 null 时选择界面错乱问题 |
||||
## 0.2.0（2021-03-15） |
||||
- 修复 nodeclick、popupopened、popupclosed 事件无法触发的问题 |
||||
## 0.1.9（2021-03-09） |
||||
- 修复 微信小程序某些情况下无法选择的问题 |
||||
## 0.1.8（2021-02-05） |
||||
- 优化 部分样式在 nvue 上的兼容表现 |
||||
## 0.1.7（2021-02-05） |
||||
- 调整为 uni_modules 目录规范 |
||||
@ -0,0 +1,45 @@
|
||||
// #ifdef H5
|
||||
export default { |
||||
name: 'Keypress', |
||||
props: { |
||||
disable: { |
||||
type: Boolean, |
||||
default: false |
||||
} |
||||
}, |
||||
mounted () { |
||||
const keyNames = { |
||||
esc: ['Esc', 'Escape'], |
||||
tab: 'Tab', |
||||
enter: 'Enter', |
||||
space: [' ', 'Spacebar'], |
||||
up: ['Up', 'ArrowUp'], |
||||
left: ['Left', 'ArrowLeft'], |
||||
right: ['Right', 'ArrowRight'], |
||||
down: ['Down', 'ArrowDown'], |
||||
delete: ['Backspace', 'Delete', 'Del'] |
||||
} |
||||
const listener = ($event) => { |
||||
if (this.disable) { |
||||
return |
||||
} |
||||
const keyName = Object.keys(keyNames).find(key => { |
||||
const keyName = $event.key |
||||
const value = keyNames[key] |
||||
return value === keyName || (Array.isArray(value) && value.includes(keyName)) |
||||
}) |
||||
if (keyName) { |
||||
// 避免和其他按键事件冲突
|
||||
setTimeout(() => { |
||||
this.$emit(keyName, {}) |
||||
}, 0) |
||||
} |
||||
} |
||||
document.addEventListener('keyup', listener) |
||||
this.$once('hook:beforeDestroy', () => { |
||||
document.removeEventListener('keyup', listener) |
||||
}) |
||||
}, |
||||
render: () => {} |
||||
} |
||||
// #endif
|
||||
@ -0,0 +1,557 @@
|
||||
<template> |
||||
<view class="uni-data-tree"> |
||||
<view class="uni-data-tree-input" @click="handleInput"> |
||||
<slot :options="options" :data="inputSelected" :error="errorMessage"> |
||||
<view class="input-value" :class="{'input-value-border': border}"> |
||||
<text v-if="errorMessage" class="selected-area error-text">{{errorMessage}}</text> |
||||
<view v-else-if="loading && !isOpened" class="selected-area"> |
||||
<uni-load-more class="load-more" :contentText="loadMore" status="loading"></uni-load-more> |
||||
</view> |
||||
<scroll-view v-else-if="inputSelected.length" class="selected-area" scroll-x="true"> |
||||
<view class="selected-list"> |
||||
<view class="selected-item" v-for="(item,index) in inputSelected" :key="index"> |
||||
<text class="text-color">{{item.text}}</text><text v-if="index<inputSelected.length-1" |
||||
class="input-split-line">{{split}}</text> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
<text v-else class="selected-area placeholder">{{placeholder}}</text> |
||||
<view v-if="clearIcon && !readonly && inputSelected.length" class="icon-clear" |
||||
@click.stop="clear"> |
||||
<uni-icons type="clear" color="#c0c4cc" size="24"></uni-icons> |
||||
</view> |
||||
<view class="arrow-area" v-if="(!clearIcon || !inputSelected.length) && !readonly "> |
||||
<img src="@/static/task/list.png" alt="" class="input-arrow"> |
||||
</view> |
||||
</view> |
||||
</slot> |
||||
</view> |
||||
<view class="uni-data-tree-cover" v-if="isOpened" @click="handleClose"></view> |
||||
<view class="uni-data-tree-dialog" v-if="isOpened"> |
||||
<view class="uni-popper__arrow"></view> |
||||
<view class="dialog-caption"> |
||||
<view class="title-area"> |
||||
<text class="dialog-title">{{popupTitle}}</text> |
||||
</view> |
||||
<view class="dialog-close" @click="handleClose"> |
||||
<view class="dialog-close-plus" data-id="close"></view> |
||||
<view class="dialog-close-plus dialog-close-rotate" data-id="close"></view> |
||||
</view> |
||||
</view> |
||||
<data-picker-view class="picker-view" ref="pickerView" v-model="dataValue" :localdata="localdata" |
||||
:preload="preload" :collection="collection" :field="field" :orderby="orderby" :where="where" |
||||
:step-searh="stepSearh" :self-field="selfField" :parent-field="parentField" :managed-mode="true" |
||||
:map="map" :ellipsis="ellipsis" @change="onchange" @datachange="ondatachange" @nodeclick="onnodeclick"> |
||||
</data-picker-view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import dataPicker from "../uni-data-pickerview/uni-data-picker.js" |
||||
import DataPickerView from "../uni-data-pickerview/uni-data-pickerview.vue" |
||||
|
||||
/** |
||||
* DataPicker 级联选择 |
||||
* @description 支持单列、和多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 |
||||
* @tutorial https://ext.dcloud.net.cn/plugin?id=3796 |
||||
* @property {String} popup-title 弹出窗口标题 |
||||
* @property {Array} localdata 本地数据，参考 |
||||
* @property {Boolean} border = [true|false] 是否有边框 |
||||
* @property {Boolean} readonly = [true|false] 是否仅读 |
||||
* @property {Boolean} preload = [true|false] 是否预加载数据 |
||||
* @value true 开启预加载数据，点击弹出窗口后显示已加载数据 |
||||
* @value false 关闭预加载数据，点击弹出窗口后开始加载数据 |
||||
* @property {Boolean} step-searh = [true|false] 是否分布查询 |
||||
* @value true 启用分布查询，仅查询当前选中节点 |
||||
* @value false 关闭分布查询，一次查询出所有数据 |
||||
* @property {String|DBFieldString} self-field 分布查询当前字段名称 |
||||
* @property {String|DBFieldString} parent-field 分布查询父字段名称 |
||||
* @property {String|DBCollectionString} collection 表名 |
||||
* @property {String|DBFieldString} field 查询字段，多个字段用 `,` 分割 |
||||
* @property {String} orderby 排序字段及正序倒叙设置 |
||||
* @property {String|JQLString} where 查询条件 |
||||
* @event {Function} popupshow 弹出的选择窗口打开时触发此事件 |
||||
* @event {Function} popuphide 弹出的选择窗口关闭时触发此事件 |
||||
*/ |
||||
export default { |
||||
name: 'UniDataPicker', |
||||
emits: ['popupopened', 'popupclosed', 'nodeclick', 'input', 'change', 'update:modelValue'], |
||||
mixins: [dataPicker], |
||||
components: { |
||||
DataPickerView |
||||
}, |
||||
props: { |
||||
options: { |
||||
type: [Object, Array], |
||||
default () { |
||||
return {} |
||||
} |
||||
}, |
||||
popupTitle: { |
||||
type: String, |
||||
default: '请选择' |
||||
}, |
||||
placeholder: { |
||||
type: String, |
||||
default: '请选择' |
||||
}, |
||||
heightMobile: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
readonly: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
clearIcon: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
border: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
split: { |
||||
type: String, |
||||
default: '/' |
||||
}, |
||||
ellipsis: { |
||||
type: Boolean, |
||||
default: true |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
isOpened: false, |
||||
inputSelected: [] |
||||
} |
||||
}, |
||||
created() { |
||||
this.form = this.getForm('uniForms') |
||||
this.formItem = this.getForm('uniFormsItem') |
||||
if (this.formItem) { |
||||
if (this.formItem.name) { |
||||
this.rename = this.formItem.name |
||||
this.form.inputChildrens.push(this) |
||||
} |
||||
} |
||||
|
||||
this.$nextTick(() => { |
||||
this.load() |
||||
}) |
||||
}, |
||||
methods: { |
||||
clear() { |
||||
this.inputSelected.splice(0) |
||||
this._dispatchEvent([]) |
||||
}, |
||||
onPropsChange() { |
||||
this._treeData = [] |
||||
this.selectedIndex = 0 |
||||
this.load() |
||||
}, |
||||
load() { |
||||
if (this.readonly) { |
||||
this._processReadonly(this.localdata, this.dataValue) |
||||
return |
||||
} |
||||
|
||||
if (this.isLocaldata) { |
||||
this.loadData() |
||||
this.inputSelected = this.selected.slice(0) |
||||
} else if (!this.parentField && !this.selfField && this.hasValue) { |
||||
this.getNodeData(() => { |
||||
this.inputSelected = this.selected.slice(0) |
||||
}) |
||||
} else if (this.hasValue) { |
||||
this.getTreePath(() => { |
||||
this.inputSelected = this.selected.slice(0) |
||||
}) |
||||
} |
||||
}, |
||||
getForm(name = 'uniForms') { |
||||
let parent = this.$parent; |
||||
let parentName = parent.$options.name; |
||||
while (parentName !== name) { |
||||
parent = parent.$parent; |
||||
if (!parent) return false; |
||||
parentName = parent.$options.name; |
||||
} |
||||
return parent; |
||||
}, |
||||
show() { |
||||
this.isOpened = true |
||||
setTimeout(() => { |
||||
this.$refs.pickerView.updateData({ |
||||
treeData: this._treeData, |
||||
selected: this.selected, |
||||
selectedIndex: this.selectedIndex |
||||
}) |
||||
}, 200) |
||||
this.$emit('popupopened') |
||||
}, |
||||
hide() { |
||||
this.isOpened = false |
||||
this.$emit('popupclosed') |
||||
}, |
||||
handleInput() { |
||||
if (this.readonly) { |
||||
return |
||||
} |
||||
this.show() |
||||
}, |
||||
handleClose(e) { |
||||
this.hide() |
||||
}, |
||||
onnodeclick(e) { |
||||
this.$emit('nodeclick', e) |
||||
}, |
||||
ondatachange(e) { |
||||
this._treeData = this.$refs.pickerView._treeData |
||||
}, |
||||
onchange(e) { |
||||
this.hide() |
||||
this.$nextTick(() => { |
||||
this.inputSelected = e; |
||||
}) |
||||
this._dispatchEvent(e) |
||||
}, |
||||
_processReadonly(dataList, value) { |
||||
var isTree = dataList.findIndex((item) => { |
||||
return item.children |
||||
}) |
||||
if (isTree > -1) { |
||||
let inputValue |
||||
if (Array.isArray(value)) { |
||||
inputValue = value[value.length - 1] |
||||
if (typeof inputValue === 'object' && inputValue.value) { |
||||
inputValue = inputValue.value |
||||
} |
||||
} else { |
||||
inputValue = value |
||||
} |
||||
this.inputSelected = this._findNodePath(inputValue, this.localdata) |
||||
return |
||||
} |
||||
|
||||
if (!this.hasValue) { |
||||
this.inputSelected = [] |
||||
return |
||||
} |
||||
|
||||
let result = [] |
||||
for (let i = 0; i < value.length; i++) { |
||||
var val = value[i] |
||||
var item = dataList.find((v) => { |
||||
return v.value == val |
||||
}) |
||||
if (item) { |
||||
result.push(item) |
||||
} |
||||
} |
||||
if (result.length) { |
||||
this.inputSelected = result |
||||
} |
||||
}, |
||||
_filterForArray(data, valueArray) { |
||||
var result = [] |
||||
for (let i = 0; i < valueArray.length; i++) { |
||||
var value = valueArray[i] |
||||
var found = data.find((item) => { |
||||
return item.value == value |
||||
}) |
||||
if (found) { |
||||
result.push(found) |
||||
} |
||||
} |
||||
return result |
||||
}, |
||||
_dispatchEvent(selected) { |
||||
let item = {} |
||||
if (selected.length) { |
||||
var value = new Array(selected.length) |
||||
for (var i = 0; i < selected.length; i++) { |
||||
value[i] = selected[i].value |
||||
} |
||||
item = selected[selected.length - 1] |
||||
} else { |
||||
item.value = '' |
||||
} |
||||
if (this.formItem) { |
||||
this.formItem.setValue(item.value) |
||||
} |
||||
|
||||
this.$emit('input', item.value) |
||||
this.$emit('update:modelValue', item.value) |
||||
this.$emit('change', { |
||||
detail: { |
||||
value: selected |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style > |
||||
.uni-data-tree { |
||||
flex: 1; |
||||
position: relative; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.error-text { |
||||
color: #DD524D; |
||||
} |
||||
|
||||
.input-value { |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
align-items: center; |
||||
flex-wrap: nowrap; |
||||
font-size: 14px; |
||||
width: 440rpx; |
||||
/* line-height: 35px; */ |
||||
padding: 0 10px; |
||||
padding-right: 5px; |
||||
overflow: hidden; |
||||
height: 35px; |
||||
/* #ifdef APP-NVUE */ |
||||
/* #endif */ |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.input-value-border { |
||||
border: 1px solid #e5e5e5; |
||||
/* border-radius: 5px; */ |
||||
} |
||||
|
||||
.selected-area { |
||||
flex: 1; |
||||
overflow: hidden; |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
} |
||||
|
||||
.load-more { |
||||
/* #ifndef APP-NVUE */ |
||||
margin-right: auto; |
||||
/* #endif */ |
||||
/* #ifdef APP-NVUE */ |
||||
width: 40px; |
||||
/* #endif */ |
||||
} |
||||
|
||||
.selected-list { |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
flex-wrap: nowrap; |
||||
/* padding: 0 5px; */ |
||||
} |
||||
|
||||
.selected-item { |
||||
flex-direction: row; |
||||
/* padding: 0 1px; */ |
||||
/* #ifndef APP-NVUE */ |
||||
white-space: nowrap; |
||||
/* #endif */ |
||||
} |
||||
|
||||
.text-color { |
||||
color: #333; |
||||
} |
||||
|
||||
.placeholder { |
||||
color: grey; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
.input-split-line { |
||||
opacity: .5; |
||||
} |
||||
|
||||
.arrow-area { |
||||
position: relative; |
||||
width: 20px; |
||||
/* #ifndef APP-NVUE */ |
||||
margin-bottom: 5px; |
||||
margin-left: auto; |
||||
display: flex; |
||||
/* #endif */ |
||||
justify-content: center; |
||||
/* transform: rotate(-45deg); */ |
||||
transform-origin: center; |
||||
} |
||||
|
||||
.input-arrow { |
||||
width: 40rpx; |
||||
height: 40rpx; |
||||
/* border-left: 1px solid #999; |
||||
border-bottom: 1px solid #999; */ |
||||
} |
||||
|
||||
.uni-data-tree-cover { |
||||
position: fixed; |
||||
width: 100vw; |
||||
height: 100vh; |
||||
left: 0; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
background-color: rgba(0, 0, 0, .4); |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: column; |
||||
z-index: 100; |
||||
} |
||||
|
||||
.uni-data-tree-dialog { |
||||
position: fixed; |
||||
left: 0; |
||||
top: 40%; |
||||
right: 0; |
||||
bottom: 0; |
||||
background-color: #FFFFFF; |
||||
border-top-left-radius: 10px; |
||||
border-top-right-radius: 10px; |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: column; |
||||
z-index: 102; |
||||
overflow: hidden; |
||||
/* #ifdef APP-NVUE */ |
||||
width: 100%; |
||||
/* #endif */ |
||||
} |
||||
|
||||
.dialog-caption { |
||||
position: relative; |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
/* border-bottom: 1px solid #f0f0f0; */ |
||||
} |
||||
|
||||
.title-area { |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
align-items: center; |
||||
/* #ifndef APP-NVUE */ |
||||
margin: auto; |
||||
/* #endif */ |
||||
padding: 0 10px; |
||||
} |
||||
|
||||
.dialog-title { |
||||
/* font-weight: bold; */ |
||||
line-height: 44px; |
||||
} |
||||
|
||||
.dialog-close { |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
align-items: center; |
||||
padding: 0 15px; |
||||
} |
||||
|
||||
.dialog-close-plus { |
||||
width: 16px; |
||||
height: 2px; |
||||
background-color: #666; |
||||
border-radius: 2px; |
||||
transform: rotate(45deg); |
||||
} |
||||
|
||||
.dialog-close-rotate { |
||||
position: absolute; |
||||
transform: rotate(-45deg); |
||||
} |
||||
|
||||
.picker-view { |
||||
flex: 1; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.icon-clear { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
/* #ifdef H5 */ |
||||
@media all and (min-width: 768px) { |
||||
.uni-data-tree-cover { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
.uni-data-tree-dialog { |
||||
position: absolute; |
||||
top: 55px; |
||||
height: auto; |
||||
min-height: 400px; |
||||
max-height: 50vh; |
||||
background-color: #fff; |
||||
border: 1px solid #EBEEF5; |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
border-radius: 4px; |
||||
overflow: unset; |
||||
} |
||||
|
||||
.dialog-caption { |
||||
display: none; |
||||
} |
||||
|
||||
.icon-clear { |
||||
/* margin-right: 5px; */ |
||||
} |
||||
} |
||||
|
||||
/* #endif */ |
||||
|
||||
/* picker 弹出层通用的指示小三角, todo：扩展至上下左右方向定位 */ |
||||
/* #ifndef APP-NVUE */ |
||||
.uni-popper__arrow, |
||||
.uni-popper__arrow::after { |
||||
position: absolute; |
||||
display: block; |
||||
width: 0; |
||||
height: 0; |
||||
border-color: transparent; |
||||
border-style: solid; |
||||
border-width: 6px; |
||||
} |
||||
|
||||
.uni-popper__arrow { |
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||
top: -6px; |
||||
left: 10%; |
||||
margin-right: 3px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #EBEEF5; |
||||
} |
||||
|
||||
.uni-popper__arrow::after { |
||||
content: " "; |
||||
top: 1px; |
||||
margin-left: -6px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #fff; |
||||
} |
||||
/* #endif */ |
||||
</style> |
||||
@ -0,0 +1,563 @@
|
||||
export default { |
||||
props: { |
||||
localdata: { |
||||
type: [Array, Object], |
||||
default () { |
||||
return [] |
||||
} |
||||
}, |
||||
spaceInfo: { |
||||
type: Object, |
||||
default () { |
||||
return {} |
||||
} |
||||
}, |
||||
collection: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
action: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
field: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
orderby: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
where: { |
||||
type: [String, Object], |
||||
default: '' |
||||
}, |
||||
pageData: { |
||||
type: String, |
||||
default: 'add' |
||||
}, |
||||
pageCurrent: { |
||||
type: Number, |
||||
default: 1 |
||||
}, |
||||
pageSize: { |
||||
type: Number, |
||||
default: 20 |
||||
}, |
||||
getcount: { |
||||
type: [Boolean, String], |
||||
default: false |
||||
}, |
||||
getone: { |
||||
type: [Boolean, String], |
||||
default: false |
||||
}, |
||||
gettree: { |
||||
type: [Boolean, String], |
||||
default: false |
||||
}, |
||||
manual: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
value: { |
||||
type: [Array, String, Number], |
||||
default () { |
||||
return [] |
||||
} |
||||
}, |
||||
modelValue: { |
||||
type: [Array, String, Number], |
||||
default () { |
||||
return [] |
||||
} |
||||
}, |
||||
preload: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
stepSearh: { |
||||
type: Boolean, |
||||
default: true |
||||
}, |
||||
selfField: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
parentField: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
multiple: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
map: { |
||||
type: Object, |
||||
default() { |
||||
return { |
||||
text: "text", |
||||
value: "value" |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
loading: false, |
||||
errorMessage: '', |
||||
loadMore: { |
||||
contentdown: '', |
||||
contentrefresh: '', |
||||
contentnomore: '' |
||||
}, |
||||
dataList: [], |
||||
selected: [], |
||||
selectedIndex: 0, |
||||
page: { |
||||
current: this.pageCurrent, |
||||
size: this.pageSize, |
||||
count: 0 |
||||
} |
||||
} |
||||
}, |
||||
computed: { |
||||
isLocaldata() { |
||||
return !this.collection.length |
||||
}, |
||||
postField() { |
||||
let fields = [this.field]; |
||||
if (this.parentField) { |
||||
fields.push(`${this.parentField} as parent_value`); |
||||
} |
||||
return fields.join(','); |
||||
}, |
||||
dataValue() { |
||||
let isModelValue = Array.isArray(this.modelValue) ? (this.modelValue.length > 0) : (this.modelValue !== null || this.modelValue !== undefined) |
||||
return isModelValue ? this.modelValue : this.value |
||||
}, |
||||
hasValue() { |
||||
if (typeof this.dataValue === 'number') { |
||||
return true |
||||
} |
||||
return (this.dataValue != null) && (this.dataValue.length > 0) |
||||
} |
||||
}, |
||||
created() { |
||||
this.$watch(() => { |
||||
var al = []; |
||||
['pageCurrent', |
||||
'pageSize', |
||||
'spaceInfo', |
||||
'value', |
||||
'modelValue', |
||||
'localdata', |
||||
'collection', |
||||
'action', |
||||
'field', |
||||
'orderby', |
||||
'where', |
||||
'getont', |
||||
'getcount', |
||||
'gettree' |
||||
].forEach(key => { |
||||
al.push(this[key]) |
||||
}); |
||||
return al |
||||
}, (newValue, oldValue) => { |
||||
let needReset = false |
||||
for (let i = 2; i < newValue.length; i++) { |
||||
if (newValue[i] != oldValue[i]) { |
||||
needReset = true |
||||
break |
||||
} |
||||
} |
||||
if (newValue[0] != oldValue[0]) { |
||||
this.page.current = this.pageCurrent |
||||
} |
||||
this.page.size = this.pageSize |
||||
|
||||
this.onPropsChange() |
||||
}) |
||||
this._treeData = [] |
||||
}, |
||||
methods: { |
||||
onPropsChange() { |
||||
this._treeData = [] |
||||
}, |
||||
getCommand(options = {}) { |
||||
/* eslint-disable no-undef */ |
||||
let db = uniCloud.database(this.spaceInfo) |
||||
|
||||
const action = options.action || this.action |
||||
if (action) { |
||||
db = db.action(action) |
||||
} |
||||
|
||||
const collection = options.collection || this.collection |
||||
db = db.collection(collection) |
||||
|
||||
const where = options.where || this.where |
||||
if (!(!where || !Object.keys(where).length)) { |
||||
db = db.where(where) |
||||
} |
||||
|
||||
const field = options.field || this.field |
||||
if (field) { |
||||
db = db.field(field) |
||||
} |
||||
|
||||
const orderby = options.orderby || this.orderby |
||||
if (orderby) { |
||||
db = db.orderBy(orderby) |
||||
} |
||||
|
||||
const current = options.pageCurrent !== undefined ? options.pageCurrent : this.page.current |
||||
const size = options.pageSize !== undefined ? options.pageSize : this.page.size |
||||
const getCount = options.getcount !== undefined ? options.getcount : this.getcount |
||||
const getTree = options.gettree !== undefined ? options.gettree : this.gettree |
||||
|
||||
const getOptions = { |
||||
getCount, |
||||
getTree |
||||
} |
||||
if (options.getTreePath) { |
||||
getOptions.getTreePath = options.getTreePath |
||||
} |
||||
|
||||
db = db.skip(size * (current - 1)).limit(size).get(getOptions) |
||||
|
||||
return db |
||||
}, |
||||
getNodeData(callback) { |
||||
if (this.loading) { |
||||
return |
||||
} |
||||
this.loading = true |
||||
this.getCommand({ |
||||
field: this.postField, |
||||
where: this._pathWhere() |
||||
}).then((res) => { |
||||
this.loading = false |
||||
this.selected = res.result.data |
||||
callback && callback() |
||||
}).catch((err) => { |
||||
this.loading = false |
||||
this.errorMessage = err |
||||
}) |
||||
}, |
||||
getTreePath(callback) { |
||||
if (this.loading) { |
||||
return |
||||
} |
||||
this.loading = true |
||||
|
||||
this.getCommand({ |
||||
field: this.postField, |
||||
getTreePath: { |
||||
startWith: `${this.selfField}=='${this.dataValue}'` |
||||
} |
||||
}).then((res) => { |
||||
this.loading = false |
||||
let treePath = [] |
||||
this._extractTreePath(res.result.data, treePath) |
||||
this.selected = treePath |
||||
callback && callback() |
||||
}).catch((err) => { |
||||
this.loading = false |
||||
this.errorMessage = err |
||||
}) |
||||
}, |
||||
loadData() { |
||||
if (this.isLocaldata) { |
||||
this._processLocalData() |
||||
return |
||||
} |
||||
|
||||
if (this.dataValue != null) { |
||||
this._loadNodeData((data) => { |
||||
this._treeData = data |
||||
this._updateBindData() |
||||
this._updateSelected() |
||||
}) |
||||
return |
||||
} |
||||
|
||||
if (this.stepSearh) { |
||||
this._loadNodeData((data) => { |
||||
this._treeData = data |
||||
this._updateBindData() |
||||
}) |
||||
} else { |
||||
this._loadAllData((data) => { |
||||
this._treeData = [] |
||||
this._extractTree(data, this._treeData, null) |
||||
this._updateBindData() |
||||
}) |
||||
} |
||||
}, |
||||
_loadAllData(callback) { |
||||
if (this.loading) { |
||||
return |
||||
} |
||||
this.loading = true |
||||
|
||||
this.getCommand({ |
||||
field: this.postField, |
||||
gettree: true, |
||||
startwith: `${this.selfField}=='${this.dataValue}'` |
||||
}).then((res) => { |
||||
this.loading = false |
||||
callback(res.result.data) |
||||
this.onDataChange() |
||||
}).catch((err) => { |
||||
this.loading = false |
||||
this.errorMessage = err |
||||
}) |
||||
}, |
||||
_loadNodeData(callback, pw) { |
||||
if (this.loading) { |
||||
return |
||||
} |
||||
this.loading = true |
||||
|
||||
this.getCommand({ |
||||
field: this.postField, |
||||
where: pw || this._postWhere(), |
||||
pageSize: 500 |
||||
}).then((res) => { |
||||
this.loading = false |
||||
callback(res.result.data) |
||||
this.onDataChange() |
||||
}).catch((err) => { |
||||
this.loading = false |
||||
this.errorMessage = err |
||||
}) |
||||
}, |
||||
_pathWhere() { |
||||
let result = [] |
||||
let where_field = this._getParentNameByField(); |
||||
if (where_field) { |
||||
result.push(`${where_field} == '${this.dataValue}'`) |
||||
} |
||||
|
||||
if (this.where) { |
||||
return `(${this.where}) && (${result.join(' || ')})` |
||||
} |
||||
|
||||
return result.join(' || ') |
||||
}, |
||||
_postWhere() { |
||||
let result = [] |
||||
let selected = this.selected |
||||
let parentField = this.parentField |
||||
if (parentField) { |
||||
result.push(`${parentField} == null || ${parentField} == ""`) |
||||
} |
||||
if (selected.length) { |
||||
for (var i = 0; i < selected.length - 1; i++) { |
||||
result.push(`${parentField} == '${selected[i].value}'`) |
||||
} |
||||
} |
||||
|
||||
let where = [] |
||||
if (this.where) { |
||||
where.push(`(${this.where})`) |
||||
} |
||||
if (result.length) { |
||||
where.push(`(${result.join(' || ')})`) |
||||
} |
||||
|
||||
return where.join(' && ') |
||||
}, |
||||
_nodeWhere() { |
||||
let result = [] |
||||
let selected = this.selected |
||||
if (selected.length) { |
||||
result.push(`${this.parentField} == '${selected[selected.length - 1].value}'`) |
||||
} |
||||
|
||||
if (this.where) { |
||||
return `(${this.where}) && (${result.join(' || ')})` |
||||
} |
||||
|
||||
return result.join(' || ') |
||||
}, |
||||
_getParentNameByField() { |
||||
const fields = this.field.split(','); |
||||
let where_field = null; |
||||
for (let i = 0; i < fields.length; i++) { |
||||
const items = fields[i].split('as'); |
||||
if (items.length < 2) { |
||||
continue; |
||||
} |
||||
if (items[1].trim() === 'value') { |
||||
where_field = items[0].trim(); |
||||
break; |
||||
} |
||||
} |
||||
return where_field |
||||
}, |
||||
_isTreeView() { |
||||
return (this.parentField && this.selfField) |
||||
}, |
||||
_updateSelected() { |
||||
var dl = this.dataList |
||||
var sl = this.selected |
||||
let textField = this.map.text |
||||
let valueField = this.map.value |
||||
for (var i = 0; i < sl.length; i++) { |
||||
var value = sl[i].value |
||||
var dl2 = dl[i] |
||||
for (var j = 0; j < dl2.length; j++) { |
||||
var item2 = dl2[j] |
||||
if (item2[valueField] === value) { |
||||
sl[i].text = item2[textField] |
||||
break |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
_updateBindData(node) { |
||||
const { |
||||
dataList, |
||||
hasNodes |
||||
} = this._filterData(this._treeData, this.selected) |
||||
|
||||
let isleaf = this._stepSearh === false && !hasNodes |
||||
|
||||
if (node) { |
||||
node.isleaf = isleaf |
||||
} |
||||
|
||||
this.dataList = dataList |
||||
this.selectedIndex = dataList.length - 1 |
||||
|
||||
if (!isleaf && this.selected.length < dataList.length) { |
||||
this.selected.push({ |
||||
value: null, |
||||
text: "请选择" |
||||
}) |
||||
} |
||||
|
||||
return { |
||||
isleaf, |
||||
hasNodes |
||||
} |
||||
}, |
||||
_filterData(data, paths) { |
||||
let dataList = [] |
||||
let hasNodes = true |
||||
|
||||
dataList.push(data.filter((item) => { |
||||
return (item.parent_value === null || item.parent_value === undefined || item.parent_value === '') |
||||
})) |
||||
for (let i = 0; i < paths.length; i++) { |
||||
var value = paths[i].value |
||||
var nodes = data.filter((item) => { |
||||
return item.parent_value === value |
||||
}) |
||||
|
||||
if (nodes.length) { |
||||
dataList.push(nodes) |
||||
} else { |
||||
hasNodes = false |
||||
} |
||||
} |
||||
|
||||
return { |
||||
dataList, |
||||
hasNodes |
||||
} |
||||
}, |
||||
_extractTree(nodes, result, parent_value) { |
||||
let list = result || [] |
||||
let valueField = this.map.value |
||||
for (let i = 0; i < nodes.length; i++) { |
||||
let node = nodes[i] |
||||
|
||||
let child = {} |
||||
for (let key in node) { |
||||
if (key !== 'children') { |
||||
child[key] = node[key] |
||||
} |
||||
} |
||||
if (parent_value !== null && parent_value !== undefined && parent_value !== '') { |
||||
child.parent_value = parent_value |
||||
} |
||||
result.push(child) |
||||
|
||||
let children = node.children |
||||
if (children) { |
||||
this._extractTree(children, result, node[valueField]) |
||||
} |
||||
} |
||||
}, |
||||
_extractTreePath(nodes, result) { |
||||
let list = result || [] |
||||
for (let i = 0; i < nodes.length; i++) { |
||||
let node = nodes[i] |
||||
|
||||
let child = {} |
||||
for (let key in node) { |
||||
if (key !== 'children') { |
||||
child[key] = node[key] |
||||
} |
||||
} |
||||
result.push(child) |
||||
|
||||
let children = node.children |
||||
if (children) { |
||||
this._extractTreePath(children, result) |
||||
} |
||||
} |
||||
}, |
||||
_findNodePath(key, nodes, path = []) { |
||||
let textField = this.map.text |
||||
let valueField = this.map.value |
||||
for (let i = 0; i < nodes.length; i++) { |
||||
let node = nodes[i] |
||||
let children = node.children |
||||
let text = node[textField] |
||||
let value = node[valueField] |
||||
|
||||
path.push({ |
||||
value, |
||||
text |
||||
}) |
||||
|
||||
if (value === key) { |
||||
return path |
||||
} |
||||
|
||||
if (children) { |
||||
const p = this._findNodePath(key, children, path) |
||||
if (p.length) { |
||||
return p |
||||
} |
||||
} |
||||
|
||||
path.pop() |
||||
} |
||||
return [] |
||||
}, |
||||
_processLocalData() { |
||||
this._treeData = [] |
||||
this._extractTree(this.localdata, this._treeData) |
||||
|
||||
var inputValue = this.dataValue |
||||
if (inputValue === undefined) { |
||||
return |
||||
} |
||||
|
||||
if (Array.isArray(inputValue)) { |
||||
inputValue = inputValue[inputValue.length - 1] |
||||
if (typeof inputValue === 'object' && inputValue[this.map.value]) { |
||||
inputValue = inputValue[this.map.value] |
||||
} |
||||
} |
||||
|
||||
this.selected = this._findNodePath(inputValue, this.localdata) |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,333 @@
|
||||
<template> |
||||
<view class="uni-data-pickerview"> |
||||
<scroll-view class="selected-area" scroll-x="true" scroll-y="false" :show-scrollbar="false"> |
||||
<view class="selected-list"> |
||||
<template v-for="(item,index) in selected"> |
||||
<view class="selected-item" |
||||
:class="{'selected-item-active':index==selectedIndex, 'selected-item-text-overflow': ellipsis}" |
||||
v-if="item.text" @click="handleSelect(index)"> |
||||
<text class="">{{item.text}}</text> |
||||
</view> |
||||
</template> |
||||
</view> |
||||
</scroll-view> |
||||
<view class="tab-c"> |
||||
<template v-for="(child, i) in dataList" > |
||||
<scroll-view class="list" :key="i" v-if="i==selectedIndex" :scroll-y="true"> |
||||
<view class="item" :class="{'is-disabled': !!item.disable}" v-for="(item, j) in child" |
||||
@click="handleNodeClick(item, i, j)"> |
||||
<text class="item-text item-text-overflow">{{item[map.text]}}</text> |
||||
<view class="check" v-if="selected.length > i && item[map.value] == selected[i].value"></view> |
||||
</view> |
||||
</scroll-view> |
||||
</template> |
||||
|
||||
<view class="loading-cover" v-if="loading"> |
||||
<uni-load-more class="load-more" :contentText="loadMore" status="loading"></uni-load-more> |
||||
</view> |
||||
<view class="error-message" v-if="errorMessage"> |
||||
<text class="error-text">{{errorMessage}}</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import dataPicker from "./uni-data-picker.js" |
||||
|
||||
/** |
||||
* DataPickerview |
||||
* @description uni-data-pickerview |
||||
* @tutorial https://ext.dcloud.net.cn/plugin?id=3796 |
||||
* @property {Array} localdata 本地数据，参考 |
||||
* @property {Boolean} step-searh = [true|false] 是否分布查询 |
||||
* @value true 启用分布查询，仅查询当前选中节点 |
||||
* @value false 关闭分布查询，一次查询出所有数据 |
||||
* @property {String|DBFieldString} self-field 分布查询当前字段名称 |
||||
* @property {String|DBFieldString} parent-field 分布查询父字段名称 |
||||
* @property {String|DBCollectionString} collection 表名 |
||||
* @property {String|DBFieldString} field 查询字段，多个字段用 `,` 分割 |
||||
* @property {String} orderby 排序字段及正序倒叙设置 |
||||
* @property {String|JQLString} where 查询条件 |
||||
*/ |
||||
export default { |
||||
name: 'UniDataPickerView', |
||||
emits: ['nodeclick', 'change', 'datachange', 'update:modelValue'], |
||||
mixins: [dataPicker], |
||||
props: { |
||||
managedMode: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
ellipsis: { |
||||
type: Boolean, |
||||
default: true |
||||
} |
||||
}, |
||||
data() { |
||||
return {} |
||||
}, |
||||
created() { |
||||
if (this.managedMode) { |
||||
return |
||||
} |
||||
|
||||
this.$nextTick(() => { |
||||
this.load() |
||||
}) |
||||
}, |
||||
methods: { |
||||
onPropsChange() { |
||||
this._treeData = [] |
||||
this.selectedIndex = 0 |
||||
this.load() |
||||
}, |
||||
load() { |
||||
if (this.isLocaldata) { |
||||
this.loadData() |
||||
} else if (this.dataValue.length) { |
||||
this.getTreePath((res) => { |
||||
this.loadData() |
||||
}) |
||||
} |
||||
}, |
||||
handleSelect(index) { |
||||
this.selectedIndex = index |
||||
}, |
||||
handleNodeClick(item, i, j) { |
||||
if (item.disable) { |
||||
return |
||||
} |
||||
const node = this.dataList[i][j] |
||||
const text = node[this.map.text] |
||||
const value = node[this.map.value] |
||||
if (i < this.selected.length - 1) { |
||||
this.selected.splice(i, this.selected.length - i) |
||||
this.selected.push({ |
||||
text, |
||||
value |
||||
}) |
||||
} else if (i === this.selected.length - 1) { |
||||
this.selected.splice(i, 1, { |
||||
text, |
||||
value |
||||
}) |
||||
} |
||||
|
||||
if (node.isleaf) { |
||||
this.onSelectedChange(node, node.isleaf) |
||||
return |
||||
} |
||||
|
||||
const { |
||||
isleaf, |
||||
hasNodes |
||||
} = this._updateBindData() |
||||
|
||||
if (!this._isTreeView() && !hasNodes) { |
||||
this.onSelectedChange(node, true) |
||||
return |
||||
} |
||||
|
||||
if (this.isLocaldata && (!hasNodes || isleaf)) { |
||||
this.onSelectedChange(node, true) |
||||
return |
||||
} |
||||
|
||||
if (!isleaf && !hasNodes) { |
||||
this._loadNodeData((data) => { |
||||
if (!data.length) { |
||||
node.isleaf = true |
||||
} else { |
||||
this._treeData.push(...data) |
||||
this._updateBindData(node) |
||||
} |
||||
this.onSelectedChange(node, node.isleaf) |
||||
}, this._nodeWhere()) |
||||
return |
||||
} |
||||
|
||||
this.onSelectedChange(node, false) |
||||
}, |
||||
updateData(data) { |
||||
this._treeData = data.treeData |
||||
this.selected = data.selected |
||||
if (!this._treeData.length) { |
||||
this.loadData() |
||||
} else { |
||||
//this.selected = data.selected |
||||
this._updateBindData() |
||||
} |
||||
}, |
||||
onDataChange() { |
||||
this.$emit('datachange') |
||||
}, |
||||
onSelectedChange(node, isleaf) { |
||||
if (isleaf) { |
||||
this._dispatchEvent() |
||||
} |
||||
|
||||
if (node) { |
||||
this.$emit('nodeclick', node) |
||||
} |
||||
}, |
||||
_dispatchEvent() { |
||||
this.$emit('change', this.selected.slice(0)) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style > |
||||
.uni-data-pickerview { |
||||
flex: 1; |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: column; |
||||
overflow: hidden; |
||||
height: 100%; |
||||
} |
||||
|
||||
.error-text { |
||||
color: #DD524D; |
||||
} |
||||
|
||||
.loading-cover { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
background-color: rgba(255, 255, 255, .5); |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: column; |
||||
align-items: center; |
||||
z-index: 1001; |
||||
} |
||||
|
||||
.load-more { |
||||
/* #ifndef APP-NVUE */ |
||||
margin: auto; |
||||
/* #endif */ |
||||
} |
||||
|
||||
.error-message { |
||||
background-color: #fff; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
padding: 15px; |
||||
opacity: .9; |
||||
z-index: 102; |
||||
} |
||||
|
||||
/* #ifdef APP-NVUE */ |
||||
.selected-area { |
||||
width: 750rpx; |
||||
} |
||||
|
||||
/* #endif */ |
||||
|
||||
.selected-list { |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
flex-wrap: nowrap; |
||||
padding: 0 5px; |
||||
border-bottom: 1px solid #f8f8f8; |
||||
} |
||||
|
||||
.selected-item { |
||||
margin-left: 10px; |
||||
margin-right: 10px; |
||||
padding: 12px 0; |
||||
text-align: center; |
||||
/* #ifndef APP-NVUE */ |
||||
white-space: nowrap; |
||||
/* #endif */ |
||||
} |
||||
|
||||
.selected-item-text-overflow { |
||||
width: 168px; |
||||
/* fix nvue */ |
||||
overflow: hidden; |
||||
/* #ifndef APP-NVUE */ |
||||
width: 6em; |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
-o-text-overflow: ellipsis; |
||||
/* #endif */ |
||||
} |
||||
|
||||
.selected-item-active { |
||||
border-bottom: 2px solid #007aff; |
||||
} |
||||
|
||||
.selected-item-text { |
||||
color: #007aff; |
||||
} |
||||
|
||||
.tab-c { |
||||
position: relative; |
||||
flex: 1; |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.list { |
||||
flex: 1; |
||||
} |
||||
|
||||
.item { |
||||
padding: 12px 15px; |
||||
/* border-bottom: 1px solid #f0f0f0; */ |
||||
/* #ifndef APP-NVUE */ |
||||
display: flex; |
||||
/* #endif */ |
||||
flex-direction: row; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.is-disabled { |
||||
opacity: .5; |
||||
} |
||||
|
||||
.item-text { |
||||
/* flex: 1; */ |
||||
color: #333333; |
||||
} |
||||
|
||||
.item-text-overflow { |
||||
width: 280px; |
||||
/* fix nvue */ |
||||
overflow: hidden; |
||||
/* #ifndef APP-NVUE */ |
||||
width: 20em; |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
-o-text-overflow: ellipsis; |
||||
/* #endif */ |
||||
} |
||||
|
||||
.check { |
||||
margin-right: 5px; |
||||
border: 2px solid #007aff; |
||||
border-left: 0; |
||||
border-top: 0; |
||||
height: 12px; |
||||
width: 6px; |
||||
transform-origin: center; |
||||
/* #ifndef APP-NVUE */ |
||||
transition: all 0.3s; |
||||
/* #endif */ |
||||
transform: rotate(45deg); |
||||
} |
||||
</style> |
||||
@ -0,0 +1,93 @@
|
||||
{ |
||||
"id": "uni-data-picker", |
||||
"displayName": "uni-data-picker 数据驱动的picker选择器", |
||||
"version": "1.0.7", |
||||
"description": "单列、多列级联选择器，常用于省市区城市选择、公司部门选择、多级分类等场景", |
||||
"keywords": [ |
||||
"uni-ui", |
||||
"uniui", |
||||
"picker", |
||||
"级联", |
||||
"省市区", |
||||
"" |
||||
], |
||||
"repository": "https://github.com/dcloudio/uni-ui", |
||||
"engines": { |
||||
"HBuilderX": "" |
||||
}, |
||||
"directories": { |
||||
"example": "../../temps/example_temps" |
||||
}, |
||||
"dcloudext": { |
||||
"category": [ |
||||
"前端组件", |
||||
"通用组件" |
||||
], |
||||
"sale": { |
||||
"regular": { |
||||
"price": "0.00" |
||||
}, |
||||
"sourcecode": { |
||||
"price": "0.00" |
||||
} |
||||
}, |
||||
"contact": { |
||||
"qq": "" |
||||
}, |
||||
"declaration": { |
||||
"ads": "无", |
||||
"data": "无", |
||||
"permissions": "无" |
||||
}, |
||||
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui" |
||||
}, |
||||
"uni_modules": { |
||||
"dependencies": [ |
||||
"uni-load-more", |
||||
"uni-icons", |
||||
"uni-scss" |
||||
], |
||||
"encrypt": [], |
||||
"platforms": { |
||||
"cloud": { |
||||
"tcb": "y", |
||||
"aliyun": "y" |
||||
}, |
||||
"client": { |
||||
"App": { |
||||
"app-vue": "y", |
||||
"app-nvue": "y" |
||||
}, |
||||
"H5-mobile": { |
||||
"Safari": "y", |
||||
"Android Browser": "y", |
||||
"微信浏览器(Android)": "y", |
||||
"QQ浏览器(Android)": "y" |
||||
}, |
||||
"H5-pc": { |
||||
"Chrome": "y", |
||||
"IE": "y", |
||||
"Edge": "y", |
||||
"Firefox": "y", |
||||
"Safari": "y" |
||||
}, |
||||
"小程序": { |
||||
"微信": "y", |
||||
"阿里": "y", |
||||
"百度": "y", |
||||
"字节跳动": "y", |
||||
"QQ": "y", |
||||
"京东": "u" |
||||
}, |
||||
"快应用": { |
||||
"华为": "u", |
||||
"联盟": "u" |
||||
}, |
||||
"Vue": { |
||||
"vue2": "y", |
||||
"vue3": "y" |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,22 @@
|
||||
## DataPicker 级联选择 |
||||
> **组件名：uni-data-picker** |
||||
> 代码块： `uDataPicker` |
||||
> 关联组件：`uni-data-pickerview`、`uni-load-more`。 |
||||
|
||||
|
||||
`<uni-data-picker>` 是一个选择类[datacom组件](https://uniapp.dcloud.net.cn/component/datacom)。 |
||||
|
||||
支持单列、和多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 |
||||
|
||||
候选数据支持一次性加载完毕，也支持懒加载，比如示例图中，选择了“北京”后，动态加载北京的区县数据。 |
||||
|
||||
`<uni-data-picker>` 组件尤其适用于地址选择、分类选择等选择类。 |
||||
|
||||
`<uni-data-picker>` 支持本地数据、云端静态数据(json)，uniCloud云数据库数据。 |
||||
|
||||
`<uni-data-picker>` 可以通过JQL直连uniCloud云数据库，配套[DB Schema](https://uniapp.dcloud.net.cn/uniCloud/schema)，可在schema2code中自动生成前端页面，还支持服务器端校验。 |
||||
|
||||
在uniCloud数据表中新建表“uni-id-address”和“opendb-city-china”，这2个表的schema自带foreignKey关联。在“uni-id-address”表的表结构页面使用schema2code生成前端页面，会自动生成地址管理的维护页面，自动从“opendb-city-china”表包含的中国所有省市区信息里选择地址。 |
||||
|
||||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-data-picker) |
||||
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 |
||||
@ -0,0 +1,19 @@
|
||||
## 1.3.3（2022-01-20） |
||||
- 新增 showText属性 ，是否显示文本 |
||||
## 1.3.2（2022-01-19） |
||||
- 修复 nvue 平台下不显示文本的bug |
||||
## 1.3.1（2022-01-19） |
||||
- 修复 微信小程序平台样式选择器报警告的问题 |
||||
## 1.3.0（2021-11-19） |
||||
- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource) |
||||
- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-load-more](https://uniapp.dcloud.io/component/uniui/uni-load-more) |
||||
## 1.2.1（2021-08-24） |
||||
- 新增 支持国际化 |
||||
## 1.2.0（2021-07-30） |
||||
- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834) |
||||
## 1.1.8（2021-05-12） |
||||
- 新增 组件示例地址 |
||||
## 1.1.7（2021-03-30） |
||||
- 修复 uni-load-more 在首页使用时，h5 平台报 'uni is not defined' 的 bug |
||||
## 1.1.6（2021-02-05） |
||||
- 调整为uni_modules目录规范 |
||||
@ -0,0 +1,5 @@
|
||||
{ |
||||
"uni-load-more.contentdown": "Pull up to show more", |
||||
"uni-load-more.contentrefresh": "loading...", |
||||
"uni-load-more.contentnomore": "No more data" |
||||
} |
||||
@ -0,0 +1,8 @@
|
||||
import en from './en.json' |
||||
import zhHans from './zh-Hans.json' |
||||
import zhHant from './zh-Hant.json' |
||||
export default { |
||||
en, |
||||
'zh-Hans': zhHans, |
||||
'zh-Hant': zhHant |
||||
} |
||||
@ -0,0 +1,5 @@
|
||||
{ |
||||
"uni-load-more.contentdown": "上拉显示更多", |
||||
"uni-load-more.contentrefresh": "正在加载...", |
||||
"uni-load-more.contentnomore": "没有更多数据了" |
||||
} |
||||
@ -0,0 +1,5 @@
|
||||
{ |
||||
"uni-load-more.contentdown": "上拉顯示更多", |
||||
"uni-load-more.contentrefresh": "正在加載...", |
||||
"uni-load-more.contentnomore": "沒有更多數據了" |
||||
} |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,86 @@
|
||||
{ |
||||
"id": "uni-load-more", |
||||
"displayName": "uni-load-more 加载更多", |
||||
"version": "1.3.3", |
||||
"description": "LoadMore 组件，常用在列表里面，做滚动加载使用。", |
||||
"keywords": [ |
||||
"uni-ui", |
||||
"uniui", |
||||
"加载更多", |
||||
"load-more" |
||||
], |
||||
"repository": "https://github.com/dcloudio/uni-ui", |
||||
"engines": { |
||||
"HBuilderX": "" |
||||
}, |
||||
"directories": { |
||||
"example": "../../temps/example_temps" |
||||
}, |
||||
"dcloudext": { |
||||
"category": [ |
||||
"前端组件", |
||||
"通用组件" |
||||
], |
||||
"sale": { |
||||
"regular": { |
||||
"price": "0.00" |
||||
}, |
||||
"sourcecode": { |
||||
"price": "0.00" |
||||
} |
||||
}, |
||||
"contact": { |
||||
"qq": "" |
||||
}, |
||||
"declaration": { |
||||
"ads": "无", |
||||
"data": "无", |
||||
"permissions": "无" |
||||
}, |
||||
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui" |
||||
}, |
||||
"uni_modules": { |
||||
"dependencies": ["uni-scss"], |
||||
"encrypt": [], |
||||
"platforms": { |
||||
"cloud": { |
||||
"tcb": "y", |
||||
"aliyun": "y" |
||||
}, |
||||
"client": { |
||||
"App": { |
||||
"app-vue": "y", |
||||
"app-nvue": "y" |
||||
}, |
||||
"H5-mobile": { |
||||
"Safari": "y", |
||||
"Android Browser": "y", |
||||
"微信浏览器(Android)": "y", |
||||
"QQ浏览器(Android)": "y" |
||||
}, |
||||
"H5-pc": { |
||||
"Chrome": "y", |
||||
"IE": "y", |
||||
"Edge": "y", |
||||
"Firefox": "y", |
||||
"Safari": "y" |
||||
}, |
||||
"小程序": { |
||||
"微信": "y", |
||||
"阿里": "y", |
||||
"百度": "y", |
||||
"字节跳动": "y", |
||||
"QQ": "y" |
||||
}, |
||||
"快应用": { |
||||
"华为": "u", |
||||
"联盟": "u" |
||||
}, |
||||
"Vue": { |
||||
"vue2": "y", |
||||
"vue3": "y" |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,14 @@
|
||||
|
||||
|
||||
### LoadMore 加载更多 |
||||
> **组件名：uni-load-more** |
||||
> 代码块： `uLoadMore` |
||||
|
||||
|
||||
用于列表中，做滚动加载使用，展示 loading 的各种状态。 |
||||
|
||||
|
||||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-load-more) |
||||
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 |
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,43 +1,42 @@
|
||||
{ |
||||
"pages": [ |
||||
"pages/login/login", |
||||
"pages/rescue/task_implement/implement", |
||||
"pages/changePassword/changePassword", |
||||
"pages/demo/demo", |
||||
"pages/rescue/task_implement/details", |
||||
"pages/task/taskreceive", |
||||
"pages/index/index", |
||||
"pages/user/user", |
||||
"pages/dadui/jiancha/jiancha", |
||||
"pages/dadui/jiuyuan/jiuyuan", |
||||
"pages/task/taskapply" |
||||
], |
||||
"subPackages": [], |
||||
"window": { |
||||
"navigationBarTextStyle": "black", |
||||
"navigationBarTitleText": "uni-app", |
||||
"navigationBarBackgroundColor": "#F8F8F8", |
||||
"backgroundColor": "#F8F8F8" |
||||
}, |
||||
"tabBar": { |
||||
"custom": true, |
||||
"color": "#353535", |
||||
"selectedColor": "#5187FF", |
||||
"list": [ |
||||
{ |
||||
"pagePath": "pages/index/index" |
||||
}, |
||||
{ |
||||
"pagePath": "pages/task/taskapply" |
||||
}, |
||||
{ |
||||
"pagePath": "pages/task/taskreceive" |
||||
}, |
||||
{ |
||||
"pagePath": "pages/user/user" |
||||
} |
||||
] |
||||
}, |
||||
"usingComponents": {}, |
||||
"sitemapLocation": "sitemap.json" |
||||
"pages": [ |
||||
"pages/login/login", |
||||
"pages/rescue/task_implement/implement", |
||||
"pages/changePassword/changePassword", |
||||
"pages/demo/demo", |
||||
"pages/rescue/task_implement/details", |
||||
"pages/task/taskreceive", |
||||
"pages/index/index", |
||||
"pages/user/user", |
||||
"pages/dadui/jiancha/jiancha", |
||||
"pages/dadui/jiuyuan/jiuyuan", |
||||
"pages/task/taskapply" |
||||
], |
||||
"subPackages": [], |
||||
"window": { |
||||
"navigationBarTextStyle": "black", |
||||
"navigationBarTitleText": "uni-app", |
||||
"navigationBarBackgroundColor": "#F8F8F8", |
||||
"backgroundColor": "#F8F8F8" |
||||
}, |
||||
"tabBar": { |
||||
"custom": true, |
||||
"color": "#353535", |
||||
"selectedColor": "#5187FF", |
||||
"list": [ |
||||
{ |
||||
"pagePath": "pages/index/index" |
||||
}, |
||||
{ |
||||
"pagePath": "pages/task/taskapply" |
||||
}, |
||||
{ |
||||
"pagePath": "pages/task/taskreceive" |
||||
}, |
||||
{ |
||||
"pagePath": "pages/user/user" |
||||
} |
||||
] |
||||
}, |
||||
"usingComponents": {} |
||||
} |
||||
File diff suppressed because one or more lines are too long
@ -1,6 +1,7 @@
|
||||
{ |
||||
"component": true, |
||||
"usingComponents": { |
||||
"superwei-combox": "/uni_modules/superwei-combox/components/superwei-combox/superwei-combox" |
||||
}, |
||||
"component": true |
||||
"uni-data-picker": "/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker", |
||||
"companies": "/components/task/companies" |
||||
} |
||||
} |
||||
@ -1 +1 @@
|
||||
<view class="content"><view class="content_item_box"><view class="content_item"><view><text style="color:red;">*</text>任务名称</view><view><block wx:if="{{!isSupervisor}}"><radio-group class="radio-group" name data-event-opts="{{[['change',[['task',['$event']]]]]}}" bindchange="__e"><block wx:for="{{data1}}" wx:for-item="item" wx:for-index="key" wx:key="name"><label class="radio" style="margin-right:20rpx;"><radio color="#317AFF" value="{{item.name}}"></radio><text>{{item.name}}</text></label></block></radio-group></block><block wx:else><radio-group class="radio-group" name data-event-opts="{{[['change',[['task',['$event']]]]]}}" bindchange="__e"><block wx:for="{{data2}}" wx:for-item="item" wx:for-index="key" wx:key="name"><label class="radio" style="margin-right:20rpx;"><radio color="#317AFF" value="{{item.name}}"></radio><text>{{item.name}}</text></label></block></radio-group></block></view></view><view class="content_item"><view><text style="color:red;">*</text>单位名称</view><superwei-combox vue-id="4b796974-1" isJSON="{{true}}" candidates="{{companies}}" keyName="companyName" placeholder="请选择或输入" value="{{companyName}}" data-event-opts="{{[['^select',[['bbb',['$event']]]],['^input',[['__set_model',['','companyName','$event',[]]],['getCompanies',['$event']]]]]}}" bind:select="__e" bind:input="__e" bind:__l="__l"></superwei-combox></view><view class="content_item"><view><text style="color:red;">*</text>协助机构</view><block wx:if="{{!isSupervisor}}"><checkbox-group data-event-opts="{{[['change',[['aaa',['$event']]]]]}}" class="checkbox-group" bindchange="__e"><block wx:for="{{supervisorList}}" wx:for-item="item" wx:for-index="key" wx:key="key"><label class="checkbox"><checkbox style="transform:scale(0.7);" color="#317AFF" value="{{item.id}}"></checkbox><text>{{item.name}}</text></label></block></checkbox-group></block><block wx:else><checkbox-group data-event-opts="{{[['change',[['aaa',['$event']]]]]}}" class="checkbox-group" bindchange="__e"><block wx:for="{{og}}" wx:for-item="item" wx:for-index="key" wx:key="key"><label class="checkbox"><checkbox style="transform:scale(0.7);" color="#317AFF" value="{{item.id}}"></checkbox><text>{{item.name}}</text></label></block></checkbox-group></block></view></view><view class="button"><button data-event-opts="{{[['tap',[['apply']]]]}}" bindtap="__e">确定</button></view></view> |
||||
<view class="content"><view class="content_item_box"><view class="content_item"><view class="view"><text style="color:red;">*</text>任务名称</view><view class="view"><block wx:if="{{!isSupervisor}}"><radio-group class="radio-group" name data-event-opts="{{[['change',[['task',['$event']]]]]}}" bindchange="__e"><block wx:for="{{data1}}" wx:for-item="item" wx:for-index="key" wx:key="name"><label class="radio" style="margin-right:20rpx;"><radio color="#317AFF" value="{{item.name}}"></radio><text>{{item.name}}</text></label></block></radio-group></block><block wx:else><radio-group class="radio-group" name data-event-opts="{{[['change',[['task',['$event']]]]]}}" bindchange="__e"><block wx:for="{{data2}}" wx:for-item="item" wx:for-index="key" wx:key="name"><label class="radio" style="margin-right:20rpx;"><radio color="#317AFF" value="{{item.name}}"></radio><text>{{item.name}}</text></label></block></radio-group></block></view></view><view class="content_item"><view class="view"><text style="color:red;">*</text>单位名称</view><view data-event-opts="{{[['tap',[['indexs']]]]}}" class="view" style="border:2rpx solid #E4E7EC;height:60rpx;flex:1;line-height:60rpx;display:flex;padding:0 10rpx;margin:0 30rpx 0 20rpx;" bindtap="__e"><block wx:if="{{!prams.company.name}}"><view style="flex:1;color:grey;font-size:24rpx;margin-left:10rpx;">请选择单位</view></block><block wx:else><view style="flex:1;margin-left:10rpx;">{{''+prams.company.name+''}}</view></block><view style="margin-top:6rpx;"><image src="{{$root.m0}}" alt class="_img"></image></view></view></view><block wx:if="{{cid!='首页'}}"><view class="content_item2"><view class="view" style="margin-bottom:20rpx;"><text style="color:red;">*</text><text>协助机构</text></view><view><block wx:for="{{supervisorList}}" wx:for-item="item" wx:for-index="index"><view style="display:flex;margin-bottom:20rpx;"><uni-data-picker class="view" vue-id="{{'4b796974-1-'+index}}" placeholder="请选择协助机构" popup-title="请选择协助机构" localdata="{{dataTree}}" value="{{item.id}}" data-event-opts="{{[['^change',[['onchange']]],['^nodeclick',[['onnodeclick']]],['^popupopened',[['onpopupopened']]],['^popupclosed',[['onpopupclosed']]],['^input',[['__set_model',['$0','id','$event',[]],[[['supervisorList','',index]]]]]]]}}" bind:change="__e" bind:nodeclick="__e" bind:popupopened="__e" bind:popupclosed="__e" bind:input="__e" bind:__l="__l"></uni-data-picker><block wx:if="{{index==0}}"><view data-event-opts="{{[['tap',[['add']]]]}}" style="margin-top:6rpx;" bindtap="__e">+</view></block><block wx:else><view data-event-opts="{{[['tap',[['del',[index,'$0'],[[['supervisorList','',index]]]]]]]}}" bindtap="__e">-</view></block></view></block></view></view></block></view><view class="button"><button data-event-opts="{{[['tap',[['apply']]]]}}" bindtap="__e">确定</button></view><block wx:if="{{index}}"><view class="taskadd"><view class="itembox"><view class="item_top"><view>选择单位</view><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" bindtap="__e">x</view></view><block wx:if="{{index}}"><view class="item_content"><companies bind:cdata="__e" vue-id="4b796974-2" data-event-opts="{{[['^cdata',[['Company']]]]}}" bind:__l="__l"></companies></view></block></view></view></block></view> |
||||
@ -1,426 +0,0 @@
|
||||
(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["uni_modules/superwei-combox/components/superwei-combox/superwei-combox"],{ |
||||
|
||||
/***/ 192: |
||||
/*!************************************************************************************************************!*\ |
||||
!*** D:/项目/济南项目微信小程序/Jinan_app/uni_modules/superwei-combox/components/superwei-combox/superwei-combox.vue ***! |
||||
\************************************************************************************************************/ |
||||
/*! no static exports found */ |
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||
|
||||
"use strict"; |
||||
__webpack_require__.r(__webpack_exports__); |
||||
/* harmony import */ var _superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./superwei-combox.vue?vue&type=template&id=08b9123a&scoped=true& */ 193); |
||||
/* harmony import */ var _superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./superwei-combox.vue?vue&type=script&lang=js& */ 195); |
||||
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__)); |
||||
/* harmony import */ var _superwei_combox_vue_vue_type_style_index_0_id_08b9123a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./superwei-combox.vue?vue&type=style&index=0&id=08b9123a&lang=scss&scoped=true& */ 197); |
||||
/* harmony import */ var _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js */ 11); |
||||
|
||||
var renderjs |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* normalize component */ |
||||
|
||||
var component = Object(_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])( |
||||
_superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], |
||||
_superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"], |
||||
_superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], |
||||
false, |
||||
null, |
||||
"08b9123a", |
||||
null, |
||||
false, |
||||
_superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["components"], |
||||
renderjs |
||||
) |
||||
|
||||
component.options.__file = "uni_modules/superwei-combox/components/superwei-combox/superwei-combox.vue" |
||||
/* harmony default export */ __webpack_exports__["default"] = (component.exports); |
||||
|
||||
/***/ }), |
||||
|
||||
/***/ 193: |
||||
/*!*******************************************************************************************************************************************************!*\ |
||||
!*** D:/项目/济南项目微信小程序/Jinan_app/uni_modules/superwei-combox/components/superwei-combox/superwei-combox.vue?vue&type=template&id=08b9123a&scoped=true& ***! |
||||
\*******************************************************************************************************************************************************/ |
||||
/*! exports provided: render, staticRenderFns, recyclableRender, components */ |
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||
|
||||
"use strict"; |
||||
__webpack_require__.r(__webpack_exports__); |
||||
/* harmony import */ var _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./superwei-combox.vue?vue&type=template&id=08b9123a&scoped=true& */ 194); |
||||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; }); |
||||
|
||||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); |
||||
|
||||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["recyclableRender"]; }); |
||||
|
||||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "components", function() { return _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_16_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_template_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_uni_app_loader_page_meta_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_template_id_08b9123a_scoped_true___WEBPACK_IMPORTED_MODULE_0__["components"]; }); |
||||
|
||||
|
||||
|
||||
/***/ }), |
||||
|
||||
/***/ 194: |
||||
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ |
||||
!*** ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--16-0!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/项目/济南项目微信小程序/Jinan_app/uni_modules/superwei-combox/components/superwei-combox/superwei-combox.vue?vue&type=template&id=08b9123a&scoped=true& ***! |
||||
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ |
||||
/*! exports provided: render, staticRenderFns, recyclableRender, components */ |
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||
|
||||
"use strict"; |
||||
__webpack_require__.r(__webpack_exports__); |
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; }); |
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; }); |
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; }); |
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; }); |
||||
var components |
||||
try { |
||||
components = { |
||||
uniIcons: function() { |
||||
return Promise.all(/*! import() | uni_modules/uni-icons/components/uni-icons/uni-icons */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-icons/components/uni-icons/uni-icons")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-icons/components/uni-icons/uni-icons.vue */ 234)) |
||||
} |
||||
} |
||||
} catch (e) { |
||||
if ( |
||||
e.message.indexOf("Cannot find module") !== -1 && |
||||
e.message.indexOf(".vue") !== -1 |
||||
) { |
||||
console.error(e.message) |
||||
console.error("1. 排查组件名称拼写是否正确") |
||||
console.error( |
||||
"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom" |
||||
) |
||||
console.error( |
||||
"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件" |
||||
) |
||||
} else { |
||||
throw e |
||||
} |
||||
} |
||||
var render = function() { |
||||
var _vm = this |
||||
var _h = _vm.$createElement |
||||
var _c = _vm._self._c || _h |
||||
} |
||||
var recyclableRender = false |
||||
var staticRenderFns = [] |
||||
render._withStripped = true |
||||
|
||||
|
||||
|
||||
/***/ }), |
||||
|
||||
/***/ 195: |
||||
/*!*************************************************************************************************************************************!*\ |
||||
!*** D:/项目/济南项目微信小程序/Jinan_app/uni_modules/superwei-combox/components/superwei-combox/superwei-combox.vue?vue&type=script&lang=js& ***! |
||||
\*************************************************************************************************************************************/ |
||||
/*! no static exports found */ |
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||
|
||||
"use strict"; |
||||
__webpack_require__.r(__webpack_exports__); |
||||
/* harmony import */ var _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./superwei-combox.vue?vue&type=script&lang=js& */ 196); |
||||
/* harmony import */ var _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__); |
||||
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); |
||||
/* harmony default export */ __webpack_exports__["default"] = (_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_babel_loader_lib_index_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_12_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_script_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default.a);
|
||||
|
||||
/***/ }), |
||||
|
||||
/***/ 196: |
||||
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ |
||||
!*** ./node_modules/babel-loader/lib!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--12-1!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/项目/济南项目微信小程序/Jinan_app/uni_modules/superwei-combox/components/superwei-combox/superwei-combox.vue?vue&type=script&lang=js& ***! |
||||
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ |
||||
/*! no static exports found */ |
||||
/***/ (function(module, exports, __webpack_require__) { |
||||
|
||||
"use strict"; |
||||
Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
/** |
||||
* Combox 组合输入框 |
||||
* @description 组合输入框一般用于既可以输入也可以选择的场景 |
||||
* @property {String} label 左侧文字 |
||||
* @property {String} labelWidth 左侧内容宽度 |
||||
* @property {String} placeholder 输入框占位符 |
||||
* @property {Array} candidates 候选项列表 |
||||
* @property {String} emptyTips 筛选结果为空时显示的文字 |
||||
* @property {String} value 组合框的值 |
||||
* @property {String} selectedBackground 选中项背景颜色 |
||||
* @property {String} selectedColor 选中项文字颜色 |
||||
* @property {Boolean} isJSON 是否是json数组 |
||||
* @property {String} keyName json数组显示的字段值 |
||||
* @property {String} disabledColor 禁用项文字颜色 |
||||
* @property {Boolean} isAllowCreate 是否允许用户创建新条目 |
||||
*/var _default2 = |
||||
{ |
||||
name: 'superweiCombox', |
||||
emits: ['input', 'update:modelValue', 'select'], |
||||
props: { |
||||
isAllowCreate: { |
||||
type: Boolean, |
||||
default: true }, |
||||
|
||||
disabledColor: { |
||||
type: String, |
||||
default: '#ababac' }, |
||||
|
||||
isJSON: { |
||||
type: Boolean, |
||||
default: false }, |
||||
|
||||
keyName: { |
||||
type: String, |
||||
default: '' }, |
||||
|
||||
selectedBackground: { |
||||
type: String, |
||||
default: '#f5f7fa' }, |
||||
|
||||
selectedColor: { |
||||
type: String, |
||||
default: '#409eff' }, |
||||
|
||||
border: { |
||||
type: Boolean, |
||||
default: true }, |
||||
|
||||
label: { |
||||
type: String, |
||||
default: '' }, |
||||
|
||||
labelWidth: { |
||||
type: String, |
||||
default: 'auto' }, |
||||
|
||||
placeholder: { |
||||
type: String, |
||||
default: '' }, |
||||
|
||||
candidates: { |
||||
type: Array, |
||||
default: function _default() { |
||||
return []; |
||||
} }, |
||||
|
||||
emptyTips: { |
||||
type: String, |
||||
default: '无匹配项' }, |
||||
|
||||
|
||||
value: { |
||||
type: [String, Number], |
||||
default: '' } }, |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
data: function data() { |
||||
return { |
||||
isInput: false, |
||||
showSelector: false, |
||||
isSelector: false, |
||||
inputVal: '' }; |
||||
|
||||
}, |
||||
computed: { |
||||
labelStyle: function labelStyle() { |
||||
if (this.labelWidth === 'auto') { |
||||
return ""; |
||||
} |
||||
return "width: ".concat(this.labelWidth); |
||||
}, |
||||
filterCandidates: function filterCandidates() {var _this = this; |
||||
if (this.isInput) { |
||||
if (this.isJSON) { |
||||
return this.candidates.filter(function (item) { |
||||
return item[_this.keyName].toString().indexOf(_this.inputVal) > -1; |
||||
}); |
||||
} else { |
||||
return this.candidates.filter(function (item) { |
||||
return item.toString().indexOf(_this.inputVal) > -1; |
||||
}); |
||||
} |
||||
} else { |
||||
return this.candidates; |
||||
} |
||||
}, |
||||
filterCandidatesLength: function filterCandidatesLength() { |
||||
return this.filterCandidates.length; |
||||
} }, |
||||
|
||||
watch: { |
||||
|
||||
value: { |
||||
handler: function handler(newVal) { |
||||
this.inputVal = newVal; |
||||
this.isInput = true; |
||||
}, |
||||
immediate: true } }, |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
methods: { |
||||
toggleSelector: function toggleSelector() { |
||||
this.showSelector = !this.showSelector; |
||||
this.isInput = false; |
||||
}, |
||||
onFocus: function onFocus() { |
||||
this.showSelector = true; |
||||
this.isInput = false; |
||||
}, |
||||
onChange: function onChange() {var _this2 = this; |
||||
setTimeout(function () { |
||||
// this.showSelector = false
|
||||
_this2.isInput = false; |
||||
}, 200); |
||||
}, |
||||
onBlur: function onBlur() {var _this3 = this; |
||||
if (!this.isInput) { |
||||
this.onChange(); |
||||
} else { |
||||
if (this.inputVal && !this.isAllowCreate) { |
||||
var index = this.candidates.findIndex(function (item) { |
||||
if (_this3.isJSON) { |
||||
return item[_this3.keyName].toString() == _this3.inputVal && !item.disabled; |
||||
} else { |
||||
return item.toString() == _this3.inputVal; |
||||
} |
||||
}); |
||||
if (index == -1) { |
||||
if (this.filterCandidatesLength > 0) { |
||||
setTimeout(function () { |
||||
_this3.showSelector = false; |
||||
_this3.isInput = false; |
||||
if (!_this3.isSelector) { |
||||
_this3.inputVal = ''; |
||||
_this3.$emit('input', _this3.inputVal); |
||||
_this3.$emit('update:modelValue', _this3.inputVal); |
||||
} |
||||
}, 200); |
||||
this.isSelector = false; |
||||
} else { |
||||
this.showSelector = false; |
||||
this.isInput = false; |
||||
this.inputVal = ''; |
||||
this.$emit('input', this.inputVal); |
||||
this.$emit('update:modelValue', this.inputVal); |
||||
} |
||||
} else { |
||||
this.onChange(); |
||||
} |
||||
} else { |
||||
this.onChange(); |
||||
} |
||||
} |
||||
}, |
||||
onSelectorClick: function onSelectorClick(index) { |
||||
var item = this.filterCandidates[index]; |
||||
if (this.isJSON) { |
||||
this.inputVal = item[this.keyName]; |
||||
} else { |
||||
this.inputVal = item; |
||||
} |
||||
this.showSelector = false; |
||||
this.isSelector = true; |
||||
this.$emit('input', this.inputVal); |
||||
this.$emit('update:modelValue', this.inputVal); |
||||
this.$emit('select', item); |
||||
}, |
||||
onInput: function onInput() {var _this4 = this; |
||||
setTimeout(function () { |
||||
_this4.$emit('input', _this4.inputVal); |
||||
_this4.$emit('update:modelValue', _this4.inputVal); |
||||
}); |
||||
} } };exports.default = _default2; |
||||
|
||||
/***/ }), |
||||
|
||||
/***/ 197: |
||||
/*!**********************************************************************************************************************************************************************!*\ |
||||
!*** D:/项目/济南项目微信小程序/Jinan_app/uni_modules/superwei-combox/components/superwei-combox/superwei-combox.vue?vue&type=style&index=0&id=08b9123a&lang=scss&scoped=true& ***! |
||||
\**********************************************************************************************************************************************************************/ |
||||
/*! no static exports found */ |
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
||||
|
||||
"use strict"; |
||||
__webpack_require__.r(__webpack_exports__); |
||||
/* harmony import */ var _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_style_index_0_id_08b9123a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!./node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!./node_modules/postcss-loader/src??ref--8-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./superwei-combox.vue?vue&type=style&index=0&id=08b9123a&lang=scss&scoped=true& */ 198); |
||||
/* harmony import */ var _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_style_index_0_id_08b9123a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_style_index_0_id_08b9123a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__); |
||||
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_style_index_0_id_08b9123a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_style_index_0_id_08b9123a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); |
||||
/* harmony default export */ __webpack_exports__["default"] = (_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_loaders_stylePostLoader_js_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_2_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_webpack_preprocess_loader_index_js_ref_8_oneOf_1_5_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_vue_cli_plugin_uni_packages_vue_loader_lib_index_js_vue_loader_options_C_Users_admin_Desktop_HBuilderX_HBuilderX_plugins_uniapp_cli_node_modules_dcloudio_webpack_uni_mp_loader_lib_style_js_superwei_combox_vue_vue_type_style_index_0_id_08b9123a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a);
|
||||
|
||||
/***/ }), |
||||
|
||||
/***/ 198: |
||||
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ |
||||
!*** ./node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-2!./node_modules/postcss-loader/src??ref--8-oneOf-1-3!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader??ref--8-oneOf-1-5!./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib??vue-loader-options!./node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!D:/项目/济南项目微信小程序/Jinan_app/uni_modules/superwei-combox/components/superwei-combox/superwei-combox.vue?vue&type=style&index=0&id=08b9123a&lang=scss&scoped=true& ***! |
||||
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ |
||||
/*! no static exports found */ |
||||
/***/ (function(module, exports, __webpack_require__) { |
||||
|
||||
// extracted by mini-css-extract-plugin
|
||||
if(false) { var cssReload; } |
||||
|
||||
|
||||
/***/ }) |
||||
|
||||
}]); |
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/superwei-combox/components/superwei-combox/superwei-combox.js.map
|
||||
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([ |
||||
'uni_modules/superwei-combox/components/superwei-combox/superwei-combox-create-component', |
||||
{ |
||||
'uni_modules/superwei-combox/components/superwei-combox/superwei-combox-create-component':(function(module, exports, __webpack_require__){ |
||||
__webpack_require__('1')['createComponent'](__webpack_require__(192)) |
||||
}) |
||||
}, |
||||
[['uni_modules/superwei-combox/components/superwei-combox/superwei-combox-create-component']] |
||||
]); |
||||
@ -1,6 +0,0 @@
|
||||
{ |
||||
"usingComponents": { |
||||
"uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons" |
||||
}, |
||||
"component": true |
||||
} |
||||
@ -1 +0,0 @@
|
||||
<view class="{{['superwei-combox','data-v-08b9123a',border?'':'superwei-combox__no-border']}}"><block wx:if="{{label}}"><view class="superwei-combox__label data-v-08b9123a" style="{{(labelStyle)}}"><text class="data-v-08b9123a">{{label}}</text></view></block><view class="superwei-combox__input-box data-v-08b9123a"><input class="superwei-combox__input data-v-08b9123a" type="text" placeholder="{{placeholder}}" placeholder-class="superwei-combox__input-plac" data-event-opts="{{[['input',[['__set_model',['','inputVal','$event',[]]],['onInput',['$event']]]],['focus',[['onFocus',['$event']]]],['blur',[['onBlur',['$event']]]]]}}" value="{{inputVal}}" bindinput="__e" bindfocus="__e" bindblur="__e"/><uni-icons vue-id="78cbe683-1" type="{{showSelector?'top':'bottom'}}" size="14" color="#999" data-event-opts="{{[['^click',[['toggleSelector']]]]}}" bind:click="__e" class="data-v-08b9123a" bind:__l="__l"></uni-icons></view><block wx:if="{{showSelector}}"><view class="superwei-combox__selector data-v-08b9123a"><view class="uni-popper__arrow data-v-08b9123a"></view><scroll-view class="superwei-combox__selector-scroll data-v-08b9123a" scroll-y="true"><block wx:if="{{filterCandidatesLength===0}}"><view class="superwei-combox__selector-empty data-v-08b9123a"><text class="data-v-08b9123a">{{emptyTips}}</text></view></block><block wx:for="{{filterCandidates}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="superwei-combox__selector-item data-v-08b9123a"><block wx:if="{{isJSON?item.disabled?true:false:false}}"><text style="{{('color:'+disabledColor+';cursor: not-allowed;')}}" class="data-v-08b9123a">{{isJSON?item[keyName]?item[keyName]:'字段'+keyName+'不存在':item}}</text></block><block wx:else><text data-event-opts="{{[['tap',[['onSelectorClick',[index]]]]]}}" style="{{((isJSON?item[keyName]?item[keyName]==inputVal:false:item==inputVal)?'font-weight: bold;background-color: '+selectedBackground+';color: '+selectedColor:'')}}" bindtap="__e" class="data-v-08b9123a">{{isJSON?item[keyName]?item[keyName]:'字段'+keyName+'不存在':item}}</text></block></view></block></scroll-view></view></block></view> |
||||
@ -1,143 +0,0 @@
|
||||
@charset "UTF-8"; |
||||
/** |
||||
* 这里是uni-app内置的常用样式变量 |
||||
* |
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 |
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App |
||||
* |
||||
*/ |
||||
/** |
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 |
||||
* |
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 |
||||
*/ |
||||
/* 颜色变量 */ |
||||
/* 行为相关颜色 */ |
||||
/* 文字基本颜色 */ |
||||
/* 背景颜色 */ |
||||
/* 边框颜色 */ |
||||
/* 尺寸变量 */ |
||||
/* 文字尺寸 */ |
||||
/* 图片尺寸 */ |
||||
/* Border Radius */ |
||||
/* 水平间距 */ |
||||
/* 垂直间距 */ |
||||
/* 透明度 */ |
||||
/* 文章场景相关 */ |
||||
@media only screen and (max-width: 999px) { |
||||
/* 针对手机： */ |
||||
.superwei-combox.data-v-08b9123a { |
||||
font-size: 14px; |
||||
border: 0px solid #12b7f5; |
||||
border-radius: 4px; |
||||
padding: 6px 10px; |
||||
position: relative; |
||||
display: flex; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
} |
||||
} |
||||
@media only screen and (min-width: 1000px) { |
||||
/* 针对手机： */ |
||||
.superwei-combox.data-v-08b9123a { |
||||
font-size: 14px; |
||||
border: 2px solid #12b7f5; |
||||
border-radius: 4px; |
||||
padding: 6px 10px; |
||||
position: relative; |
||||
display: flex; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
} |
||||
} |
||||
.superwei-combox__label.data-v-08b9123a { |
||||
font-size: 16px; |
||||
line-height: 22px; |
||||
padding-right: 10px; |
||||
color: #999999; |
||||
} |
||||
.superwei-combox__input-box.data-v-08b9123a { |
||||
position: relative; |
||||
display: flex; |
||||
flex: 1; |
||||
flex-direction: row; |
||||
align-items: center; |
||||
cursor: pointer; |
||||
} |
||||
.superwei-combox__input.data-v-08b9123a { |
||||
flex: 1; |
||||
font-size: 14px; |
||||
height: 22px; |
||||
line-height: 22px; |
||||
} |
||||
.superwei-combox__input-plac.data-v-08b9123a { |
||||
font-size: 14px; |
||||
color: #ccc; |
||||
} |
||||
.superwei-combox__selector.data-v-08b9123a { |
||||
box-sizing: border-box; |
||||
position: absolute; |
||||
top: calc(100% + 12px); |
||||
left: 0; |
||||
width: 100%; |
||||
background-color: #FFFFFF; |
||||
border: 1px solid #EBEEF5; |
||||
border-radius: 6px; |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
z-index: 2; |
||||
padding: 4px 0; |
||||
} |
||||
.superwei-combox__selector-scroll.data-v-08b9123a { |
||||
max-height: 200px; |
||||
box-sizing: border-box; |
||||
} |
||||
.superwei-combox__selector-empty.data-v-08b9123a, |
||||
.superwei-combox__selector-item.data-v-08b9123a { |
||||
display: flex; |
||||
cursor: pointer; |
||||
line-height: 36px; |
||||
font-size: 14px; |
||||
text-align: center; |
||||
padding: 0px 0px; |
||||
} |
||||
.superwei-combox__selector-empty text.data-v-08b9123a, |
||||
.superwei-combox__selector-item text.data-v-08b9123a { |
||||
width: 100%; |
||||
} |
||||
.superwei-combox__selector-item.data-v-08b9123a:hover { |
||||
background-color: #f9f9f9; |
||||
} |
||||
.superwei-combox__selector-empty.data-v-08b9123a:last-child, |
||||
.superwei-combox__selector-item.data-v-08b9123a:last-child { |
||||
border-bottom: none; |
||||
} |
||||
.uni-popper__arrow.data-v-08b9123a, |
||||
.uni-popper__arrow.data-v-08b9123a::after { |
||||
position: absolute; |
||||
display: block; |
||||
width: 0; |
||||
height: 0; |
||||
border-color: transparent; |
||||
border-style: solid; |
||||
border-width: 6px; |
||||
} |
||||
.uni-popper__arrow.data-v-08b9123a { |
||||
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||
top: -6px; |
||||
left: 10%; |
||||
margin-right: 3px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #EBEEF5; |
||||
} |
||||
.uni-popper__arrow.data-v-08b9123a::after { |
||||
content: " "; |
||||
top: 1px; |
||||
margin-left: -6px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #fff; |
||||
} |
||||
.superwei-combox__no-border.data-v-08b9123a { |
||||
border: none; |
||||
} |
||||
|
||||
Loading…
Reference in new issue