zouyanyan
8 months ago
commit
335900be6a
@ -0,0 +1,7 @@
|
||||
node_modules
|
||||
.DS_Store
|
||||
.history
|
||||
/.idea/
|
||||
unpackage
|
||||
hbuilderx
|
||||
.hbuilderx
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,95 @@
|
||||
const Base64 = {
|
||||
_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
|
||||
encode: function(e) {
|
||||
var t = "";
|
||||
var n, r, i, s, o, u, a;
|
||||
var f = 0;
|
||||
e = Base64._utf8_encode(e);
|
||||
while (f < e.length) {
|
||||
n = e.charCodeAt(f++);
|
||||
r = e.charCodeAt(f++);
|
||||
i = e.charCodeAt(f++);
|
||||
s = n >> 2;
|
||||
o = (n & 3) << 4 | r >> 4;
|
||||
u = (r & 15) << 2 | i >> 6;
|
||||
a = i & 63;
|
||||
if (isNaN(r)) {
|
||||
u = a = 64
|
||||
} else if (isNaN(i)) {
|
||||
a = 64
|
||||
}
|
||||
t = t + this._keyStr.charAt(s) + this._keyStr.charAt(o) + this._keyStr.charAt(u) + this._keyStr.charAt(a)
|
||||
}
|
||||
return t
|
||||
},
|
||||
decode: function(e) {
|
||||
var t = "";
|
||||
var n, r, i;
|
||||
var s, o, u, a;
|
||||
var f = 0;
|
||||
e = e.replace(/[^A-Za-z0-9+/=]/g, "");
|
||||
while (f < e.length) {
|
||||
s = this._keyStr.indexOf(e.charAt(f++));
|
||||
o = this._keyStr.indexOf(e.charAt(f++));
|
||||
u = this._keyStr.indexOf(e.charAt(f++));
|
||||
a = this._keyStr.indexOf(e.charAt(f++));
|
||||
n = s << 2 | o >> 4;
|
||||
r = (o & 15) << 4 | u >> 2;
|
||||
i = (u & 3) << 6 | a;
|
||||
t = t + String.fromCharCode(n);
|
||||
if (u != 64) {
|
||||
t = t + String.fromCharCode(r)
|
||||
}
|
||||
if (a != 64) {
|
||||
t = t + String.fromCharCode(i)
|
||||
}
|
||||
}
|
||||
t = Base64._utf8_decode(t);
|
||||
return t
|
||||
},
|
||||
_utf8_encode: function(e) {
|
||||
e = e.replace(/rn/g, "n");
|
||||
var t = "";
|
||||
for (var n = 0; n < e.length; n++) {
|
||||
var r = e.charCodeAt(n);
|
||||
if (r < 128) {
|
||||
t += String.fromCharCode(r)
|
||||
} else if (r > 127 && r < 2048) {
|
||||
t += String.fromCharCode(r >> 6 | 192);
|
||||
t += String.fromCharCode(r & 63 | 128)
|
||||
} else {
|
||||
t += String.fromCharCode(r >> 12 | 224);
|
||||
t += String.fromCharCode(r >> 6 & 63 | 128);
|
||||
t += String.fromCharCode(r & 63 | 128)
|
||||
}
|
||||
}
|
||||
return t
|
||||
},
|
||||
_utf8_decode: function(e) {
|
||||
var t = "";
|
||||
var n = 0;
|
||||
var r = 0;
|
||||
var c1 =0;
|
||||
var c2 =0;
|
||||
var c3 =0;
|
||||
while (n < e.length) {
|
||||
r = e.charCodeAt(n);
|
||||
if (r < 128) {
|
||||
t += String.fromCharCode(r);
|
||||
n++
|
||||
} else if (r > 191 && r < 224) {
|
||||
c2 = e.charCodeAt(n + 1);
|
||||
t += String.fromCharCode((r & 31) << 6 | c2 & 63);
|
||||
n += 2
|
||||
} else {
|
||||
c2 = e.charCodeAt(n + 1);
|
||||
c3 = e.charCodeAt(n + 2);
|
||||
t += String.fromCharCode((r & 15) << 12 | (c2 & 63) << 6 | c3 & 63);
|
||||
n += 3
|
||||
}
|
||||
}
|
||||
return t
|
||||
}
|
||||
}
|
||||
|
||||
export default Base64
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,222 @@
|
||||
export default[
|
||||
{
|
||||
"name": "综合管理",
|
||||
"foods": [
|
||||
{
|
||||
"name": "人员资质",
|
||||
"key": "人员资质",
|
||||
"icon": "../../static/images/zhgl/ryzz.jpg",
|
||||
"cat": 10
|
||||
},
|
||||
{
|
||||
"name": "设备信息",
|
||||
"key": "设备信息",
|
||||
"icon": "../../static/images/zhgl/sbxx.jpg",
|
||||
"cat": 10
|
||||
},
|
||||
{
|
||||
"name": "设备维修",
|
||||
"key": "设备维修",
|
||||
"icon": "../../static/images/zhgl/sbwx.jpg",
|
||||
"cat": 10
|
||||
},
|
||||
{
|
||||
"name": "巡查记录",
|
||||
"key": "巡查记录",
|
||||
"icon": "../../static/images/zhgl/xcjl.png",
|
||||
"cat": 10
|
||||
},
|
||||
{
|
||||
"name": "隐患上报",
|
||||
"key": "隐患上报",
|
||||
"icon": "../../static/images/zhgl/yhsb.png",
|
||||
"cat": 10
|
||||
},
|
||||
{
|
||||
"name": "硬件报修",
|
||||
"key": "硬件报修",
|
||||
"icon": "../../static/images/zhgl/yjbx.png",
|
||||
"cat": 10
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "生产管控",
|
||||
"foods": [
|
||||
{
|
||||
"name": "图纸接收",
|
||||
"key": "图纸接收",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 6
|
||||
},
|
||||
{
|
||||
"name": "涂装接收",
|
||||
"key": "涂装接收",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 6
|
||||
},
|
||||
{
|
||||
"name": "入库接收",
|
||||
"key": "入库接收",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 6
|
||||
},
|
||||
{
|
||||
"name": "设备运行",
|
||||
"key": "设备运行",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 6
|
||||
},
|
||||
{
|
||||
"name": "结构反馈",
|
||||
"key": "结构反馈",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 6
|
||||
},
|
||||
{
|
||||
"name": "镀锌反馈",
|
||||
"key": "镀锌反馈",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 6
|
||||
},
|
||||
{
|
||||
"name": "下料工序",
|
||||
"key": "下料工序",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "弯曲工序",
|
||||
"key": "弯曲工序",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "平台工序",
|
||||
"key": "平台工序",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "焊接工序",
|
||||
"key": "焊接工序",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "清理工序",
|
||||
"key": "清理工序",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
|
||||
{
|
||||
"name": "工时统计",
|
||||
"key": "眉妆",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "处理接收",
|
||||
"key": "处理接收",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "处理完工",
|
||||
"key": "处理完工",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "处理完工（部件）",
|
||||
"key": "处理完工（部件）",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "集配入库",
|
||||
"key": "集配入库",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "集配入库（部件）",
|
||||
"key": "集配入库（部件）",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "问题反馈",
|
||||
"key": "问题反馈",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 3
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "配送交接",
|
||||
"foods": [
|
||||
{
|
||||
"name": "配送接收",
|
||||
"key": "配送接收",
|
||||
"icon": "../../static/images/psjj/btn_jj01.jpg",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "需求计划",
|
||||
"key": "需求计划",
|
||||
"icon": "../../static/images/psjj/btn_jj01.jpg",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "配送计划",
|
||||
"key": "配送计划",
|
||||
"icon": "../../static/images/psjj/btn_jj01.jpg",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "问题跟踪",
|
||||
"key": "问题跟踪",
|
||||
"icon": "../../static/images/psjj/btn_jj02.jpg",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "信息反馈",
|
||||
"key": "信息反馈",
|
||||
"icon": "../../static/images/psjj/btn_jj03.jpg",
|
||||
"cat": 3
|
||||
},
|
||||
|
||||
{
|
||||
"name": "舾装日报",
|
||||
"key": "舾装日报",
|
||||
"icon": "../../static/images/psjj/btn_jj04.jpg",
|
||||
"cat": 3
|
||||
},
|
||||
{
|
||||
"name": "特殊管件",
|
||||
"key": "特殊管件",
|
||||
"icon": "../../static/images/psjj/btn_jj05.jpg",
|
||||
"cat": 3
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "网上办公",
|
||||
"foods": [
|
||||
{
|
||||
"name": "公务用车",
|
||||
"key": "公务用车",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 4
|
||||
},
|
||||
{
|
||||
"name": "船东食堂",
|
||||
"key": "船东食堂",
|
||||
"icon": "../../static/images/btn_scgk.png",
|
||||
"cat": 4
|
||||
}
|
||||
]
|
||||
},
|
||||
]
|
||||
@ -0,0 +1,86 @@
|
||||
/* #ifndef APP-NVUE */
|
||||
view,
|
||||
text {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
/* start--演示页面使用的统一样式--start */
|
||||
.u-demo {
|
||||
padding: 25px 20px;
|
||||
}
|
||||
|
||||
.u-demo-wrap {
|
||||
border-width: 1px;
|
||||
border-color: #ddd;
|
||||
border-style: dashed;
|
||||
background-color: rgb(250, 250, 250);
|
||||
padding: 20px 10px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.u-demo-area {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.u-no-demo-here {
|
||||
color: $u-tips-color;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.u-demo-result-line {
|
||||
border-width: 1px;
|
||||
border-color: #ddd;
|
||||
border-style: dashed;
|
||||
padding: 5px 20px;
|
||||
margin-top: 30px;
|
||||
border-radius: 5px;
|
||||
background-color: rgb(240, 240, 240);
|
||||
color: $u-content-color;
|
||||
font-size: 16px;
|
||||
/* #ifndef APP-NVUE */
|
||||
word-break: break-word;
|
||||
display: inline-block;
|
||||
/* #endif */
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.u-demo-title,
|
||||
.u-config-title {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.u-config-item {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.u-config-title {
|
||||
margin-top: 20px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.u-item-title {
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
padding-left: 8px;
|
||||
line-height: 1;
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
||||
.u-item-title:after {
|
||||
position: absolute;
|
||||
width: 4px;
|
||||
top: -1px;
|
||||
height: 16px;
|
||||
/* #ifndef APP-NVUE */
|
||||
content: '';
|
||||
/* #endif */
|
||||
left: 0;
|
||||
border-radius: 10px;
|
||||
background-color: $u-content-color;
|
||||
}
|
||||
/* end--演示页面使用的统一样式--end */
|
||||
@ -0,0 +1,585 @@
|
||||
module.exports = {
|
||||
list: [{
|
||||
"letter": "A",
|
||||
"data": [{
|
||||
"name": "阿拉斯加",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "阿拉斯加ABA13588889999"
|
||||
},
|
||||
{
|
||||
"name": "阿克苏",
|
||||
"mobile": "0551-4386721",
|
||||
"keyword": "阿克苏AKESU0551-4386721"
|
||||
},
|
||||
{
|
||||
"name": "阿拉善",
|
||||
"mobile": "4008009100",
|
||||
"keyword": "阿拉善ALASHAN4008009100"
|
||||
},
|
||||
{
|
||||
"name": "阿勒泰",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "阿勒泰ALETAI13588889999"
|
||||
},
|
||||
{
|
||||
"name": "阿里",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "阿里ALI13588889999"
|
||||
},
|
||||
{
|
||||
"name": "安阳",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "13588889999安阳ANYANG"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "B",
|
||||
"data": [{
|
||||
"name": "白城",
|
||||
"mobile": "该主子没有留电话~",
|
||||
"keyword": "白城BAICHENG"
|
||||
},
|
||||
{
|
||||
"name": "白山",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "白山BAISHAN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "白银",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "白银BAIYIN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "保定",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "保定BAODING13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "C",
|
||||
"data": [{
|
||||
"name": "沧州",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "沧州CANGZHOU13588889999"
|
||||
},
|
||||
{
|
||||
"name": "长春",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "长春CHANGCHUN13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "D",
|
||||
"data": [{
|
||||
"name": "大理",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "大理DALI13588889999"
|
||||
},
|
||||
{
|
||||
"name": "大连",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "大连DALIAN13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "E",
|
||||
"data": [{
|
||||
"name": "鄂尔多斯",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "鄂尔多斯EERDUOSI13588889999"
|
||||
},
|
||||
{
|
||||
"name": "恩施",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "恩施ENSHI13588889999"
|
||||
},
|
||||
{
|
||||
"name": "鄂州",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "鄂州EZHOU13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "F",
|
||||
"data": [{
|
||||
"name": "防城港",
|
||||
"mobile": "该主子没有留电话~",
|
||||
"keyword": "防城港FANGCHENGGANG"
|
||||
},
|
||||
{
|
||||
"name": "抚顺",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "抚顺FUSHUN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "阜新",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "阜新FUXIN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "阜阳",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "阜阳FUYANG13588889999"
|
||||
},
|
||||
{
|
||||
"name": "抚州",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "抚州FUZHOU13588889999"
|
||||
},
|
||||
{
|
||||
"name": "福州",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "福州FUZHOU13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "G",
|
||||
"data": [{
|
||||
"name": "甘南",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "甘南GANNAN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "赣州",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "赣州GANZHOU13588889999"
|
||||
},
|
||||
{
|
||||
"name": "甘孜",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "甘孜GANZI13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "H",
|
||||
"data": [{
|
||||
"name": "哈尔滨",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "哈尔滨HAERBIN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "海北",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "海北HAIBEI13588889999"
|
||||
},
|
||||
{
|
||||
"name": "海东",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "海东HAIDONG13588889999"
|
||||
},
|
||||
{
|
||||
"name": "海口",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "海口HAIKOU13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "I",
|
||||
"data": [{
|
||||
"name": "ice",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "佳木斯JIAMUSI13588889999"
|
||||
}]
|
||||
},
|
||||
{
|
||||
"letter": "J",
|
||||
"data": [{
|
||||
"name": "佳木斯",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "佳木斯JIAMUSI13588889999"
|
||||
},
|
||||
{
|
||||
"name": "吉安",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "吉安JIAN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "江门",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "江门JIANGMEN13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "K",
|
||||
"data": [{
|
||||
"name": "开封",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "开封KAIFENG13588889999"
|
||||
},
|
||||
{
|
||||
"name": "喀什",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "喀什KASHI13588889999"
|
||||
},
|
||||
{
|
||||
"name": "克拉玛依",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "克拉玛依KELAMAYI13588889999"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "L",
|
||||
"data": [{
|
||||
"name": "来宾",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "来宾LAIBIN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "兰州",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "兰州LANZHOU13588889999"
|
||||
},
|
||||
{
|
||||
"name": "拉萨",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "拉萨LASA13588889999"
|
||||
},
|
||||
{
|
||||
"name": "乐山",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "乐山LESHAN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "凉山",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "凉山LIANGSHAN13588889999"
|
||||
},
|
||||
{
|
||||
"name": "连云港",
|
||||
"mobile": "13588889999",
|
||||
"keyword": "连云港LIANYUNGANG13588889999"
|
||||
},
|
||||
{
|
||||
"name": "聊城",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "聊城LIAOCHENG18322223333"
|
||||
},
|
||||
{
|
||||
"name": "辽阳",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "辽阳LIAOYANG18322223333"
|
||||
},
|
||||
{
|
||||
"name": "辽源",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "辽源LIAOYUAN18322223333"
|
||||
},
|
||||
{
|
||||
"name": "丽江",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "丽江LIJIANG18322223333"
|
||||
},
|
||||
{
|
||||
"name": "临沧",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "临沧LINCANG18322223333"
|
||||
},
|
||||
{
|
||||
"name": "临汾",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "临汾LINFEN18322223333"
|
||||
},
|
||||
{
|
||||
"name": "临夏",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "临夏LINXIA18322223333"
|
||||
},
|
||||
{
|
||||
"name": "临沂",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "临沂LINYI18322223333"
|
||||
},
|
||||
{
|
||||
"name": "林芝",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "林芝LINZHI18322223333"
|
||||
},
|
||||
{
|
||||
"name": "丽水",
|
||||
"mobile": "18322223333",
|
||||
"keyword": "丽水LISHUI18322223333"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "M",
|
||||
"data": [{
|
||||
"name": "眉山",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "眉山MEISHAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "梅州",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "梅州MEIZHOU15544448888"
|
||||
},
|
||||
{
|
||||
"name": "绵阳",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "绵阳MIANYANG15544448888"
|
||||
},
|
||||
{
|
||||
"name": "牡丹江",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "牡丹江MUDANJIANG15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "N",
|
||||
"data": [{
|
||||
"name": "南昌",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "南昌NANCHANG15544448888"
|
||||
},
|
||||
{
|
||||
"name": "南充",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "南充NANCHONG15544448888"
|
||||
},
|
||||
{
|
||||
"name": "南京",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "南京NANJING15544448888"
|
||||
},
|
||||
{
|
||||
"name": "南宁",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "南宁NANNING15544448888"
|
||||
},
|
||||
{
|
||||
"name": "南平",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "南平NANPING15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "O",
|
||||
"data": [{
|
||||
"name": "欧阳",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "欧阳ouyang15544448888"
|
||||
}]
|
||||
},
|
||||
{
|
||||
"letter": "P",
|
||||
"data": [{
|
||||
"name": "盘锦",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "盘锦PANJIN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "攀枝花",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "攀枝花PANZHIHUA15544448888"
|
||||
},
|
||||
{
|
||||
"name": "平顶山",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "平顶山PINGDINGSHAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "平凉",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "平凉PINGLIANG15544448888"
|
||||
},
|
||||
{
|
||||
"name": "萍乡",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "萍乡PINGXIANG15544448888"
|
||||
},
|
||||
{
|
||||
"name": "普洱",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "普洱PUER15544448888"
|
||||
},
|
||||
{
|
||||
"name": "莆田",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "莆田PUTIAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "濮阳",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "濮阳PUYANG15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "Q",
|
||||
"data": [{
|
||||
"name": "黔东南",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "黔东南QIANDONGNAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "黔南",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "黔南QIANNAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "黔西南",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "黔西南QIANXINAN15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "R",
|
||||
"data": [{
|
||||
"name": "日喀则",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "日喀则RIKAZE15544448888"
|
||||
},
|
||||
{
|
||||
"name": "日照",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "日照RIZHAO15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "S",
|
||||
"data": [{
|
||||
"name": "三门峡",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "三门峡SANMENXIA15544448888"
|
||||
},
|
||||
{
|
||||
"name": "三明",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "三明SANMING15544448888"
|
||||
},
|
||||
{
|
||||
"name": "三沙",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "三沙SANSHA15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "T",
|
||||
"data": [{
|
||||
"name": "塔城",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "塔城TACHENG15544448888"
|
||||
},
|
||||
{
|
||||
"name": "漯河",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "漯河TAHE15544448888"
|
||||
},
|
||||
{
|
||||
"name": "泰安",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "泰安TAIAN15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "W",
|
||||
"data": [{
|
||||
"name": "潍坊",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "潍坊WEIFANG15544448888"
|
||||
},
|
||||
{
|
||||
"name": "威海",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "威海WEIHAI15544448888"
|
||||
},
|
||||
{
|
||||
"name": "渭南",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "渭南WEINAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "文山",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "文山WENSHAN15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "X",
|
||||
"data": [{
|
||||
"name": "厦门",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "厦门XIAMEN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "西安",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "西安XIAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "湘潭",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "湘潭XIANGTAN15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "Y",
|
||||
"data": [{
|
||||
"name": "雅安",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "雅安YAAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "延安",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "延安YANAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "延边",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "延边YANBIAN15544448888"
|
||||
},
|
||||
{
|
||||
"name": "盐城",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "盐城YANCHENG15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "Z",
|
||||
"data": [{
|
||||
"name": "枣庄",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "枣庄ZAOZHUANG15544448888"
|
||||
},
|
||||
{
|
||||
"name": "张家界",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "张家界ZHANGJIAJIE15544448888"
|
||||
},
|
||||
{
|
||||
"name": "张家口",
|
||||
"mobile": "15544448888",
|
||||
"keyword": "张家口ZHANGJIAKOU15544448888"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"letter": "#",
|
||||
"data": [{
|
||||
"name": "其他.",
|
||||
"mobile": "16666666666",
|
||||
"keyword": "echo16666666666"
|
||||
}]
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,96 @@
|
||||
|
||||
var utils = {
|
||||
//时间格式化
|
||||
formatDate: (value) => {
|
||||
let date = null;
|
||||
if (!value) {
|
||||
return date;
|
||||
}
|
||||
if (value.constructor == Date && !isNaN(value.getTime())) {
|
||||
date = value;
|
||||
}
|
||||
else if (value.constructor == String || value.constructor == Number) {
|
||||
date = new Date(value);
|
||||
}
|
||||
else {
|
||||
throw "格式化日期时，传入的数据格式不正确。";
|
||||
}
|
||||
let y = date.getFullYear();
|
||||
let MM = date.getMonth() + 1;
|
||||
MM = MM < 10 ? ('0' + MM) : MM;
|
||||
let d = date.getDate();
|
||||
d = d < 10 ? ('0' + d) : d;
|
||||
let h = date.getHours();
|
||||
h = h < 10 ? ('0' + h) : h;
|
||||
let m = date.getMinutes();
|
||||
m = m < 10 ? ('0' + m) : m;
|
||||
let s = date.getSeconds();
|
||||
s = s < 10 ? ('0' + s) : s;
|
||||
return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
|
||||
},
|
||||
format: (value) => {
|
||||
let date = null;
|
||||
if (!value) {
|
||||
return date;
|
||||
}
|
||||
if (value.constructor == Date && !isNaN(value.getTime())) {
|
||||
date = value;
|
||||
}
|
||||
else if (value.constructor == String || value.constructor == Number) {
|
||||
date = new Date(value);
|
||||
}
|
||||
else {
|
||||
throw "格式化日期时，传入的数据格式不正确。";
|
||||
}
|
||||
let y = date.getFullYear();
|
||||
let MM = date.getMonth() + 1;
|
||||
MM = MM < 10 ? ('0' + MM) : MM;
|
||||
let d = date.getDate();
|
||||
d = d < 10 ? ('0' + d) : d;
|
||||
|
||||
return y + '/' + MM + '/' + d;
|
||||
},
|
||||
|
||||
//字典数据根据key显示文字
|
||||
dataFilter:(arr, val='')=> {
|
||||
let name = "";
|
||||
arr.forEach((item) => {
|
||||
if (item.key == val) {
|
||||
name = item.name;
|
||||
}else{
|
||||
name='--'
|
||||
}
|
||||
});
|
||||
return name;
|
||||
},
|
||||
|
||||
//列表转换为树格式
|
||||
listtoTree:(data)=>{
|
||||
let result = [];
|
||||
if (!Array.isArray(data)) {
|
||||
return result;
|
||||
}
|
||||
data.forEach((item) => {
|
||||
delete item.children;
|
||||
});
|
||||
let map = {};
|
||||
data.forEach((item) => {
|
||||
map[item.id] = item;
|
||||
});
|
||||
data.forEach((item) => {
|
||||
let parent = map[item.parentId];
|
||||
if (parent) {
|
||||
(parent.children || (parent.children = [])).push(item);
|
||||
} else {
|
||||
result.push(item);
|
||||
}
|
||||
});
|
||||
return result;
|
||||
},
|
||||
getRemoteFile: (path) => {
|
||||
return `http://218.24.131.92:18080/images/${path}`;
|
||||
//return `https://xzapp.runpengsoft.com/images/${path}`;
|
||||
}
|
||||
}
|
||||
// 格式化日期
|
||||
export default utils;
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,157 @@
|
||||
.tki-tree-mask {
|
||||
position: fixed;
|
||||
top: 0rpx;
|
||||
right: 0rpx;
|
||||
bottom: 0rpx;
|
||||
left: 0rpx;
|
||||
z-index: 9998;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease;
|
||||
visibility: hidden;
|
||||
}
|
||||
.tki-tree-mask.show {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.tki-tree-cnt {
|
||||
position: fixed;
|
||||
top: 0rpx;
|
||||
right: 0rpx;
|
||||
bottom: 0rpx;
|
||||
left: 0rpx;
|
||||
z-index: 9999;
|
||||
top: 225rpx;
|
||||
transition: all 0.3s ease;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
.tki-tree-cnt.show {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.tki-tree-bar {
|
||||
background-color: #fff;
|
||||
height: 100rpx;
|
||||
padding-left: 20rpx;
|
||||
padding-right: 20rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
border-bottom-width: 2rpx !important;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #f5f5f5;
|
||||
font-size: 32rpx;
|
||||
color: #757575;
|
||||
line-height: 1;
|
||||
}
|
||||
.tki-tree-bar-confirm {
|
||||
color: #347ACF;
|
||||
}
|
||||
.tki-tree-view {
|
||||
position: absolute;
|
||||
top: 0rpx;
|
||||
right: 0rpx;
|
||||
bottom: 0rpx;
|
||||
left: 0rpx;
|
||||
top: 100rpx;
|
||||
background-color: #fff;
|
||||
padding-top: 20rpx;
|
||||
padding-right: 20rpx;
|
||||
padding-bottom: 20rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.tki-tree-view-sc {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tki-tree-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 26rpx;
|
||||
color: #757575;
|
||||
line-height: 1;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
transition: 0.2s;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tki-tree-item.show {
|
||||
height: 100rpx;
|
||||
opacity: 1;
|
||||
}
|
||||
.tki-tree-item.showchild:before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.tki-tree-item.last:before {
|
||||
opacity: 0;
|
||||
}
|
||||
.tki-tree-icon {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
.tki-tree-label {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
line-height: 1.2;
|
||||
word-break: break-all;
|
||||
}
|
||||
.tki-tree-check {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.tki-tree-check-yes,
|
||||
.tki-tree-check-no {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-top-left-radius: 20%;
|
||||
border-top-right-radius: 20%;
|
||||
border-bottom-right-radius: 20%;
|
||||
border-bottom-left-radius: 20%;
|
||||
border-top-width: 2rpx;
|
||||
border-left-width: 2rpx;
|
||||
border-bottom-width: 2rpx;
|
||||
border-right-width: 2rpx;
|
||||
border-style: solid;
|
||||
border-color: #347ACF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tki-tree-check-yes-b {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-top-left-radius: 20%;
|
||||
border-top-right-radius: 20%;
|
||||
border-bottom-right-radius: 20%;
|
||||
border-bottom-left-radius: 20%;
|
||||
background-color: #347ACF;
|
||||
}
|
||||
.tki-tree-check .radio {
|
||||
border-top-left-radius: 50%;
|
||||
border-top-right-radius: 50%;
|
||||
border-bottom-right-radius: 50%;
|
||||
border-bottom-left-radius: 50%;
|
||||
}
|
||||
.tki-tree-check .radio .tki-tree-check-yes-b {
|
||||
border-top-left-radius: 50%;
|
||||
border-top-right-radius: 50%;
|
||||
border-bottom-right-radius: 50%;
|
||||
border-bottom-left-radius: 50%;
|
||||
}
|
||||
.hover-c {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.tki-tree-bar-title{
|
||||
color:#000000;
|
||||
width: 66%;
|
||||
text-align: center;
|
||||
}
|
||||
@ -0,0 +1,426 @@
|
||||
<template>
|
||||
<view>
|
||||
<view v-for="(i,ind) in relatedContents" :key='ind'>
|
||||
<view v-if="(ind==0 && i.sort) || (ind>0 && i.sort && i.sort!=relatedContents[ind-1].sort)" style="width: 100%; font-size: 28rpx;font-weight: 600;color:#000; margin-left: 20rpx;">
|
||||
<view style="margin:24rpx 0 12rpx 0">
|
||||
<image v-if="i.isTmpFlag=='1'" :src="zdy" class="radius" style="margin-right: 8rpx;"></image>
|
||||
{{i.sort}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="checkproduct finish" >
|
||||
<view class="u-flex u-col-top u-row-between">
|
||||
<view class="u-flex u-row-between">
|
||||
<view v-if="!editContent" class="noticeBar" style="margin-right: 20rpx;" >{{i.content||i.checkContent}}</view>
|
||||
<u-input v-else v-model="i.content" type="text" class="noticeBar contentInp" placeholder="请输入检查内容" height="30" />
|
||||
</view>
|
||||
<view>
|
||||
<image v-if="editContent" :src="del" @click="delContent(ind)" class="delIcon"></image>
|
||||
<!-- <u-tag v-if="checkResult" class="tit" :text='i.checkResult==0?"无隐患":"有隐患"' border-color="#fff"
|
||||
:type="i.checkResult==0?'success':'error'" /> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex u-row-between star">
|
||||
|
||||
<view v-if="!checkResult">
|
||||
<u-radio-group v-model="i.checkResult" @change="changeRadio($event,ind)">
|
||||
<u-radio size="mini" v-for="(item, index) in checkList" :key="index" :name="item.value">
|
||||
{{item.name}}
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
<view v-else style="width: 200rpx;">
|
||||
<view :class="i.checkResult==0?'dangerno':'dangeryes'">
|
||||
<image v-if="i.checkResult==0" class="radius" :src="radius" width="32rpx" height="32rpx"></image>
|
||||
<image v-else class="radius" :src="radiusyes" width="38rpx" height="38rpx"></image>
|
||||
<span style="margin-left: 8rpx; margin-bottom: 8rpx;">{{i.checkResult==0?"无隐患":"有隐患"}}</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="width: 100%; text-align: right;">
|
||||
<u-button v-if="i.regionIds" size="mini" class="colorBtn" style="margin-right: 20rpx;" shape="square"
|
||||
@click="lookRegion(i.regionIds,ind)">所在区域
|
||||
</u-button>
|
||||
<u-button size="mini" :class="(i.problemDesc||i.checkResult=='1')?'colorBtnRed':''" shape="square"
|
||||
@click="(i.problemDesc||i.checkResult==1)&&problem(i.problemDesc,ind)">问题描述
|
||||
</u-button>
|
||||
<u-button size="mini" :class="(i.photoIds.length>0||!checkResult)?'colorBtn':''" style="margin-left: 20rpx;" shape="square"
|
||||
@click="(i.photoIds.length>0||!checkResult)&&lookphoto(i.photoIds,ind)">现场照片
|
||||
</u-button>
|
||||
</view>
|
||||
|
||||
<u-modal v-model="showModal" content="是否删除该检查项" show-cancel-button @confirm='modalDel'
|
||||
@cancel="showModal=false"></u-modal>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-popup v-model="show" z-index="1000" mode="bottom" border-radius="8" height="300rpx">
|
||||
<view class="popup">
|
||||
<view v-if="checkResult&&relatedContents[itemIndex]" >
|
||||
<u-image class="checkimg" width="200rpx" height="200rpx" v-for="(item,index) in relatedContents[itemIndex].photoList" :key="index" @tap="ViewImage1(item,index)" :data-url="index"
|
||||
:src="imgurl+`/portal/file/onlinePreviewController/v1/getFileById_${item.id}`"></u-image>
|
||||
</view>
|
||||
|
||||
<UploadFile v-else @picIds="picIds" :fileidList='fileidList'></UploadFile>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup v-model="showRemark" z-index="1000" mode="bottom" border-radius="8" height="200rpx">
|
||||
<view class="popup">
|
||||
|
||||
<u-input v-if="editContent" type="textarea" :value="problemDesc" @blur='blur' maxlength='30' placeholder="请填写问题描述" />
|
||||
<view style="margin-right: 20rpx;line-height: 36rpx;">{{problemDesc}}</view>
|
||||
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup v-model="showRegion" style="z-index: 10000;" @close="close" @open="open" mode="bottom">
|
||||
<view class="popcon">
|
||||
<view class="popbtn" @tap="close">
|
||||
<u-icon name="close" size="36" color="#909399"></u-icon>
|
||||
</view>
|
||||
<view class="poptitle">
|
||||
所在区域
|
||||
</view>
|
||||
<view class="popcell" v-if="regionListNames">
|
||||
<view class="rlist" v-for="(res, index) in regionListNames" :key="index">
|
||||
<view class="rhead">
|
||||
{{res.name}}
|
||||
</view>
|
||||
<view class="rcon">
|
||||
<view class="rcell" v-for="(text, ii) in res.texts" :key="ii">
|
||||
{{text}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-toast ref="uToast" />
|
||||
<u-button type="primary" v-if="!checkResult" class="submit" @click="submitTask" shape="circle">提 交</u-button>
|
||||
<view style="height:40rpx ;"></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import UploadFile from "@/components/UploadFile.vue"
|
||||
export default {
|
||||
name: "myCheck",
|
||||
components: {
|
||||
UploadFile
|
||||
},
|
||||
props: ['list', 'editContent', 'checkResult'],
|
||||
data() {
|
||||
return {
|
||||
del: require("@/static/images/del.png"),
|
||||
zdy: require("@/static/images/zdy.png"),
|
||||
radius: require("@/static/images/radius.png"),
|
||||
radiusyes: require("@/static/images/radiusred.png"),
|
||||
imgurl:'',
|
||||
fileidList: [],
|
||||
showRemark: false,
|
||||
showModal: false,
|
||||
showRegion: false,
|
||||
content: {},
|
||||
relatedContents: [],
|
||||
show: false,
|
||||
showColor:false,
|
||||
desc:false,
|
||||
problemDesc: '',
|
||||
delIndex: null,
|
||||
picidlist: [],
|
||||
problemIndex: null,
|
||||
checkList: [{
|
||||
name: "无隐患",
|
||||
value: "0"
|
||||
}, {
|
||||
name: "有隐患",
|
||||
value: "1"
|
||||
}],
|
||||
itemIndex: 0,
|
||||
regionListNames:[]
|
||||
}
|
||||
|
||||
},
|
||||
watch: {
|
||||
list(val) {
|
||||
this.relatedContents = val.map(function(item) {
|
||||
if (item.photoIds&&Array.isArray(item.photoIds)) {
|
||||
item.photoIds = item.photoIds
|
||||
} else if (item.photoIds&&typeof(item.photoIds) == 'string') {
|
||||
item.photoIds = item.photoIds.split(',')
|
||||
} else {
|
||||
item.photoIds = []
|
||||
}
|
||||
item.checkResult=item.checkResult?item.checkResult:"0"
|
||||
return item;
|
||||
})
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.imgurl=this.$u.api.imgurl;
|
||||
},
|
||||
methods: {
|
||||
lookphoto(val, index) {
|
||||
this.show = true;
|
||||
this.itemIndex = index
|
||||
if (this.relatedContents[this.itemIndex].photoIds.length > 0) {
|
||||
this.fileidList = this.relatedContents[this.itemIndex].photoIds
|
||||
}else{
|
||||
this.fileidList =[]
|
||||
}
|
||||
},
|
||||
picIds(val, i) {
|
||||
this.relatedContents[this.itemIndex].photoIds = val;
|
||||
},
|
||||
submitTask() {
|
||||
let isok = this.relatedContents.every(item => {
|
||||
item.checkResult = !item.checkResult ? '0' : item.checkResult
|
||||
return (item.checkResult == 1 && item.problemDesc) || (item.checkResult == 0)
|
||||
})
|
||||
if (!isok) {
|
||||
this.$refs.uToast.show({
|
||||
title: '有隐患时请填写问题描述',
|
||||
type: 'error',
|
||||
})
|
||||
} else {
|
||||
this.$emit('submitData', this.relatedContents)
|
||||
}
|
||||
},
|
||||
delContent(index) {
|
||||
this.delIndex = index
|
||||
this.showModal = true
|
||||
},
|
||||
changeRadio(val,ind){
|
||||
this.$forceUpdate()
|
||||
},
|
||||
ViewImage1(val,index) {
|
||||
var imgList=[];
|
||||
this.relatedContents[this.itemIndex].photoList.forEach((item,index)=>{
|
||||
imgList.push(this.imgurl+`/portal/file/onlinePreviewController/v1/getFileById_${item.id}`);
|
||||
})
|
||||
uni.previewImage({
|
||||
urls: imgList,
|
||||
current:index
|
||||
});
|
||||
},
|
||||
problem(val, index) {
|
||||
this.showRemark = true
|
||||
this.problemIndex = index
|
||||
this.problemDesc = val
|
||||
},
|
||||
lookRegion(val,index) {
|
||||
if(!this.relatedContents[index].regionListName){
|
||||
this.relatedContents[index].regionListName=[];
|
||||
// 获取区域数据
|
||||
uni.showLoading();
|
||||
var param={
|
||||
regionIds:val
|
||||
}
|
||||
this.$u.api.queryregionNameById(param).then(res => {
|
||||
uni.hideLoading();
|
||||
console.log(res)
|
||||
if(res&&res.length>0){
|
||||
var regionListName=res;
|
||||
regionListName.forEach((cell) => {
|
||||
var ii= Object.keys(cell)[0];
|
||||
var item={
|
||||
name: ii,
|
||||
texts:cell[ii]?(cell[ii]).split(','):[]
|
||||
};
|
||||
this.relatedContents[index].regionListName.push(item);
|
||||
});
|
||||
console.log(this.relatedContents[index].regionListName)
|
||||
this.regionListNames=this.relatedContents[index].regionListName;
|
||||
this.showRegion = true;
|
||||
}
|
||||
})
|
||||
}
|
||||
else{
|
||||
this.regionListNames=this.relatedContents[index].regionListName;
|
||||
this.showRegion = true;
|
||||
}
|
||||
},
|
||||
modalDel() {
|
||||
this.relatedContents.splice(this.delIndex, 1)
|
||||
this.$emit('contentData', this.relatedContents)
|
||||
},
|
||||
blur(val) {
|
||||
this.relatedContents[this.problemIndex].problemDesc = val;
|
||||
},
|
||||
close() {
|
||||
// console.log('close');
|
||||
this.showRegion=false;
|
||||
},
|
||||
open() {
|
||||
// console.log('open');
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep img{
|
||||
opacity: 1
|
||||
}
|
||||
.radius{
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
.u-drawer{
|
||||
height: auto !important;
|
||||
}
|
||||
.checkimg{
|
||||
|
||||
margin-right: 20rpx;
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
.tit{
|
||||
width: 120rpx;
|
||||
margin-top: -12rpx;
|
||||
}
|
||||
.checkproduct {
|
||||
width: 710rpx;
|
||||
padding: 24rpx;
|
||||
margin-left: 20rpx;
|
||||
background: #fff;
|
||||
// height: 80rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-bottom: 20rpx;
|
||||
overflow: hidden;
|
||||
image {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
// top: -6rpx;
|
||||
}
|
||||
.noticeBar {
|
||||
// width: 450rpx;
|
||||
// margin-top: 20rpx;
|
||||
margin-bottom: 8rpx;
|
||||
font-size: 28rpx;
|
||||
color:#000;
|
||||
}
|
||||
.delIcon {
|
||||
float: right;
|
||||
}
|
||||
.dangerno{
|
||||
height: 60rpx;
|
||||
width: 150rpx;
|
||||
background: url('../static/images/nobg.png') no-repeat center center;
|
||||
background-size: 100% auto;
|
||||
font-size: 24rpx;
|
||||
color:#347ACF;
|
||||
padding: 12rpx;
|
||||
}
|
||||
.dangeryes{
|
||||
height: 60rpx;
|
||||
width: 150rpx;
|
||||
background: url('../static/images/hasbg.png') no-repeat center center;
|
||||
background-size: 100% auto;
|
||||
font-size: 24rpx;
|
||||
color:#fa3534;
|
||||
padding: 12rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.contentInp {
|
||||
margin-left: 20rpx;
|
||||
z-index: 9;
|
||||
// display: inline-block;
|
||||
// width: 300rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.finish {
|
||||
// height: 180rpx;
|
||||
|
||||
.buttonList {
|
||||
margin-left: 360rpx;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popup {
|
||||
margin-left: 46rpx;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.star {
|
||||
position: relative;
|
||||
top: 10rpx;
|
||||
// height: 166rpx;
|
||||
}
|
||||
|
||||
.colorBtn {
|
||||
color: #347ACF;
|
||||
border-color: #347ACF;
|
||||
|
||||
}
|
||||
.colorBtnRed {
|
||||
color: #fa3534;
|
||||
border-color: #fa3534;
|
||||
|
||||
}
|
||||
.submit {
|
||||
width: 710rpx;
|
||||
margin: 20rpx
|
||||
}
|
||||
.popcon{
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
.popbtn{
|
||||
position: absolute;
|
||||
right:20rpx;
|
||||
top:26rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.poptitle
|
||||
{
|
||||
color:#33383C;
|
||||
font-size: 30upx;
|
||||
margin: 26rpx;
|
||||
text-align: left;
|
||||
}
|
||||
.popcell{
|
||||
padding: 20rpx;
|
||||
.rlist{
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
.rhead{
|
||||
width: 100%;
|
||||
height: 66rpx;
|
||||
line-height: 66rpx;
|
||||
text-align: center;
|
||||
background: url('../static/images/areabg.jpg') no-repeat center center;
|
||||
background-size: 100% auto;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color:#fff;
|
||||
border-radius: 10rpx 10rpx 0 0;
|
||||
}
|
||||
.rcon{
|
||||
width: 100%;
|
||||
background-color: #f8fafc;
|
||||
padding-bottom: 20rpx;
|
||||
.rcell{
|
||||
display:inline-block;
|
||||
font-size:26rpx;
|
||||
color:#000;
|
||||
background:#fff;
|
||||
padding:10rpx 28rpx;
|
||||
height:60rpx;
|
||||
border-radius:30rpx;
|
||||
border:1rpx solid #d8dde6;
|
||||
margin-left:16rpx;
|
||||
margin-right:3rpx;
|
||||
margin-top:18rpx;
|
||||
box-shadow: 0 9rpx 19rpx 0 #DCDFE6, 0 0 17rpx 0 #DCDFE6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,450 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<!-- 主内容区域 -->
|
||||
<scroll-view class="content" scroll-y="true">
|
||||
<!-- 托盘明细 -->
|
||||
<view class="section">
|
||||
<view class="section-header">
|
||||
<text class="section-title">托盘明细</text>
|
||||
</view>
|
||||
<!-- 托盘明细 -->
|
||||
<view class="list-container" v-if="item">
|
||||
<view class="list-item">
|
||||
<view class="item-header">
|
||||
<text class="item-title">{{ item.assemcode }}</text>
|
||||
<text class="status-badge" :class="getStatusClass(item.status)">{{item.status}}</text>
|
||||
</view>
|
||||
<view class="item-content">
|
||||
<view class="detail-row">
|
||||
<text class="label">工程编号:</text>
|
||||
<text class="value">{{ item.project }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">安装托盘表号:</text>
|
||||
<text class="value">{{ item.instno }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">制作图号:</text>
|
||||
<text class="value">{{ item.dwgno }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">分段号:</text>
|
||||
<text class="value">{{ item.section }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">规格:</text>
|
||||
<text class="value">{{ item.spec }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">材质:</text>
|
||||
<text class="value">{{ item.grd }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">数量:</text>
|
||||
<text class="value">{{ item.qty }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">重量:</text>
|
||||
<text class="value">{{ item.weight }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">表面处理:</text>
|
||||
<text class="value">{{ item.treatment }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">涂装代码:</text>
|
||||
<text class="value">{{ item.paintcode }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">状态日期:</text>
|
||||
<text class="value">{{ item.statusDate }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">制作单位:</text>
|
||||
<text class="value">{{ item.manuDept }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">处理单位:</text>
|
||||
<text class="value">{{ item.treatDept }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">配送单位:</text>
|
||||
<text class="value">{{ item.deliverDept }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">工装托盘编号:</text>
|
||||
<text class="value">{{ item.palletNo }}</text>
|
||||
</view>
|
||||
<!-- <view class="detail-row">
|
||||
<text class="label">工装托盘转运记录ID:</text>
|
||||
<text class="value">{{ item.deliveryId }}</text>
|
||||
</view> -->
|
||||
<view class="detail-row">
|
||||
<text class="label">配送单号:</text>
|
||||
<text class="value">{{ item.deliveryNo }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">配送车辆:</text>
|
||||
<text class="value">{{ item.deliveryCar }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">配送日期:</text>
|
||||
<text class="value">{{ item.deliveryDate }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">配送备注:</text>
|
||||
<text class="value">{{ item.deliveryRemark }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">需求日期:</text>
|
||||
<text class="value">{{ item.requireRate }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">需求单位代码:</text>
|
||||
<text class="value">{{ retType(item.requireDepartCode,2) }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">配送地址:</text>
|
||||
<text class="value">{{ item.requireAddress }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">接收人员:</text>
|
||||
<text class="value">{{ item.requireName }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">接收人员电话:</text>
|
||||
<text class="value">{{ item.requirePhone }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">实际接收日期:</text>
|
||||
<text class="value">{{ item.receiveDate }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">实际接收人员:</text>
|
||||
<text class="value">{{ item.receiveName }}</text>
|
||||
</view>
|
||||
<view class="detail-row">
|
||||
<text class="label">实际接收备注:</text>
|
||||
<text class="value">{{ item.receiveRemark }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
pallet: {
|
||||
type: Object,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
item: null,
|
||||
depts:[],
|
||||
dicts:[],
|
||||
status:[], // 状态
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this._initDetail();
|
||||
this.getTypes();
|
||||
},
|
||||
watch: {
|
||||
pallet(data) {
|
||||
this._initDetail(data);
|
||||
},
|
||||
deep: true, // 深度监听
|
||||
immediate: true, // 初次监听即执行
|
||||
},
|
||||
methods: {
|
||||
_initDetail(pallet = this.pallet) {
|
||||
this.item=pallet;
|
||||
this.$forceUpdate();
|
||||
},
|
||||
getTypes() {
|
||||
//获取数据字典
|
||||
this.gcs=[];
|
||||
this.status=[];
|
||||
var commondata = uni.getStorageSync("commondata");
|
||||
if(commondata){
|
||||
var data = JSON.parse(commondata);
|
||||
if(data){
|
||||
this.dicts=data.dicts;
|
||||
this.depts=data.depts;
|
||||
this.dicts.forEach(cell=>{
|
||||
// console.log(cell.bmlb)
|
||||
if("TPZT"==cell.bmlb){
|
||||
// 托盘转运状态
|
||||
this.status.push(cell);
|
||||
}
|
||||
if("SYZT"==cell.bmlb){
|
||||
|
||||
// 托盘转运状态
|
||||
this.palletStatus.push(cell);
|
||||
}
|
||||
|
||||
});
|
||||
this.$forceUpdate();
|
||||
}
|
||||
}
|
||||
else{
|
||||
this.dicts=[];
|
||||
this.depts=[];
|
||||
this.status=[];
|
||||
}
|
||||
},
|
||||
retType(type,str) {
|
||||
var rets = '';
|
||||
if(str==1){
|
||||
// 状态
|
||||
this.status.forEach((cell,idx)=>{
|
||||
if(type==cell.bm){
|
||||
rets=cell.bmsm;
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(str==3){
|
||||
// 使用状态
|
||||
this.palletStatus.forEach((cell,idx)=>{
|
||||
if(type==cell.bm){
|
||||
rets=cell.bmsm;
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
else if(str==2){
|
||||
// 部门
|
||||
this.depts.forEach((cell,idx)=>{
|
||||
if(type==cell.departCode){
|
||||
rets=cell.departName;
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
if(!rets){
|
||||
rets=type
|
||||
}
|
||||
return rets;
|
||||
},
|
||||
getStatusClass(status) {
|
||||
switch (status) {
|
||||
case '表面接收':
|
||||
return 'status-waiting';
|
||||
case '建立任务':
|
||||
return 'status-delivered';
|
||||
case '内表面接收':
|
||||
return 'status-receivedf';
|
||||
case '配盘完工':
|
||||
return 'status-received';
|
||||
case '配送出库':
|
||||
return 'status-outbound';
|
||||
case '完工转运':
|
||||
return 'status-complete';
|
||||
default:
|
||||
return 'status-default';
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.container {
|
||||
height: 100%;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 88rpx;
|
||||
background-color: #fff;
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.nav-left,
|
||||
.nav-right {
|
||||
width: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.content {
|
||||
height: calc(100%);
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.section {
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
margin-bottom: 20rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.section-header {
|
||||
padding: 30rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.info-card {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.info-row:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.label {
|
||||
width: 200rpx;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.value {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.status-used {
|
||||
color: #ff6b35;
|
||||
}
|
||||
|
||||
.status-transit {
|
||||
color: #4a90e2;
|
||||
}
|
||||
|
||||
.list-container {
|
||||
padding: 20rpx 30rpx 30rpx;
|
||||
}
|
||||
|
||||
.list-item {
|
||||
border: 1rpx solid #eee;
|
||||
border-radius: 12rpx;
|
||||
margin-bottom: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 20rpx 30rpx;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.item-title {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.item-content {
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
|
||||
.detail-row {
|
||||
display: flex;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.detail-row:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.image-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 20rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.image-item {
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
padding: 6rpx 12rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.status-waiting {
|
||||
background-color: #faad14;
|
||||
}
|
||||
|
||||
.status-delivered {
|
||||
background-color: #1890ff;
|
||||
}
|
||||
|
||||
.status-receivedf {
|
||||
background-color: #52c41a;
|
||||
}
|
||||
|
||||
.status-received {
|
||||
background-color: #18b566;
|
||||
}
|
||||
|
||||
.status-outbound {
|
||||
background-color: #fca600;
|
||||
}
|
||||
|
||||
.status-complete {
|
||||
background-color: #c191e8;
|
||||
}
|
||||
|
||||
.status-default {
|
||||
background-color: #f5f5f5;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,356 @@
|
||||
<template>
|
||||
<view class="noTabBarPage">
|
||||
<view class="cu-timeline" style="margin-bottom: 10upx;padding:20rpx 0">
|
||||
<view class="textjd">始</view>
|
||||
<block v-for="(item,idx) in buslinks" :key="idx">
|
||||
<view class="cu-item" :class="item.color">
|
||||
<view class="text-xh">
|
||||
{{ idx+1 }}
|
||||
</view>
|
||||
<view class="content">
|
||||
<view class="con">
|
||||
<text v-if="item.stepContent" class="texttop" style="font-weight: 600; margin-right: 16rpx;">
|
||||
{{item.stepContent}}
|
||||
</text>
|
||||
<text v-if="item.result" class="kuang" :class="item.b2">
|
||||
<text class="kuang1" :class="item.b1">{{item.result}}</text>
|
||||
</text>
|
||||
</view>
|
||||
<view style="margin-top:10rpx">
|
||||
<text v-if="item.name" class="texttop" style="margin-right: 8rpx;color:#446ea0"> {{item.name}} {{item.dept?'/':''}}</text>
|
||||
<text v-if="item.dept" class="texttop" style="margin-right: 8rpx;color:#446ea0"> {{item.dept}}</text>
|
||||
<text v-if="item.dotime" class="texttop" style="margin-left: 8rpx;color:#828E99"> {{(item.dotime).substr(0,16)}}</text>
|
||||
</view>
|
||||
<view v-if="item.remark">
|
||||
<text class="textremark" style="margin-right: 6rpx;"> {{item.stepContent=='整改完成'?'整改内容：':(item.stepContent=='整改已验证'?'验证内容：':'审批意见：')}}</text>
|
||||
<text class="textremark"> {{item.remark}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<view v-if="ifend" class="textjd endall">末</view>
|
||||
<view v-else class="textjd end"></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
range: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
ifend: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
buslinks:[]
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this._initTree();
|
||||
},
|
||||
watch: {
|
||||
range(list) {
|
||||
this._initTree(list);
|
||||
},
|
||||
deep: true, // 深度监听
|
||||
immediate: true, // 初次监听即执行
|
||||
},
|
||||
methods: {
|
||||
_initTree(range = this.range) {
|
||||
this.buslinks=[];
|
||||
if (range.length > 0) {
|
||||
range.forEach((item,idx)=>{
|
||||
var cell={};
|
||||
var result='',b1 = 'blue1',b2 = 'blue2',color = "line-blue";
|
||||
if (item.opinionType == '0') {
|
||||
// 置灰流程
|
||||
result="";
|
||||
b1 = '';
|
||||
b2 = '';
|
||||
color = "line-grey";
|
||||
}
|
||||
else if (item.opinionType == '1') {
|
||||
// 同意
|
||||
result="同意";
|
||||
b1 = 'green1';
|
||||
b2 = 'green2';
|
||||
color = "line-blue";
|
||||
}
|
||||
else if(item.opinionType == '2'){
|
||||
// 不同意
|
||||
result="不同意";
|
||||
b1 = 'red1';
|
||||
b2 = 'red2';
|
||||
color = "line-red";
|
||||
}
|
||||
else if(item.opinionType == '3'){
|
||||
// 完成
|
||||
result="完成";
|
||||
b1 = 'green1';
|
||||
b2 = 'green2';
|
||||
color = "line-blue";
|
||||
}
|
||||
else if(item.opinionType == '4'){
|
||||
// 已确认
|
||||
result="已确认";
|
||||
b1 = 'blue1';
|
||||
b2 = 'blue2';
|
||||
color = "line-blue";
|
||||
}
|
||||
else if(item.opinionType == '5'){
|
||||
// 开始整改
|
||||
result="开始整改";
|
||||
b1 = 'blue1';
|
||||
b2 = 'blue2';
|
||||
color = "line-blue";
|
||||
}
|
||||
else if(item.opinionType == '6'){
|
||||
// 整改完成
|
||||
result="整改完成";
|
||||
b1 = 'blue1';
|
||||
b2 = 'blue2';
|
||||
color = "line-blue";
|
||||
}
|
||||
else if(item.opinionType == '7'){
|
||||
// 司机开始
|
||||
result="司机开始";
|
||||
b1 = 'blue1';
|
||||
b2 = 'blue2';
|
||||
color = "line-blue";
|
||||
}
|
||||
else if(item.opinionType == '8'){
|
||||
// 司机结束
|
||||
result="司机结束";
|
||||
b1 = 'blue1';
|
||||
b2 = 'blue2';
|
||||
color = "line-blue";
|
||||
}
|
||||
else {
|
||||
if (item.isStart&&item.isStart=='1') {
|
||||
// 发起申请
|
||||
result="已申请";
|
||||
color = "line-blue";
|
||||
}
|
||||
else{
|
||||
// 待审批
|
||||
result="待审批";
|
||||
color = "";
|
||||
}
|
||||
b1 = 'blue1';
|
||||
b2 = 'blue2';
|
||||
}
|
||||
|
||||
cell={
|
||||
name: item.name,
|
||||
dept: item.dept,
|
||||
stepContent: item.stepContent,// 审批内容
|
||||
dotime: item.dotime? item.dotime:"",
|
||||
result: result,
|
||||
remark: item.remark? item.remark:"",
|
||||
b1: b1,
|
||||
b2: b2,
|
||||
color: color
|
||||
};
|
||||
console.log(item)
|
||||
this.buslinks.push(cell);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.noTabBarPage{
|
||||
width: 100%;
|
||||
background: url('@/static/images/pagebackimg.jpg') no-repeat top center ;
|
||||
background-size:100% 100%;
|
||||
}
|
||||
.cu-timeline>.cu-item.line-blue::after{
|
||||
background-color:#347ACF;
|
||||
}
|
||||
.cu-timeline>.cu-item.line-grey::after{
|
||||
background-color:#FFF;
|
||||
border-left:1rpx dashed #CCC;
|
||||
}
|
||||
.cu-timeline>.cu-item.line-red::after{
|
||||
background-color:#da533e;
|
||||
}
|
||||
.text-xh{
|
||||
left:34rpx!important;
|
||||
}
|
||||
.line-grey{
|
||||
color:#b0b0b0 !important;
|
||||
}
|
||||
.line-grey .text-xh{
|
||||
border:1rpx dashed #CCC;
|
||||
color:#b0b0b0;
|
||||
}
|
||||
.line-grey .texttop{
|
||||
color:#b0b0b0 !important;
|
||||
}
|
||||
.line-blue .text-xh{
|
||||
border:1rpx solid #347ACF;
|
||||
color:#347ACF;
|
||||
}
|
||||
.line-red .text-xh{
|
||||
border:1px solid #da533e;
|
||||
color:#da533e;
|
||||
}
|
||||
.blue1{
|
||||
border:1px solid #347acf;
|
||||
color:#347acf;
|
||||
}
|
||||
.blue2{
|
||||
border:2px solid #347acf;
|
||||
}
|
||||
.green1{
|
||||
border:1px solid #28994e;
|
||||
color:#28994e;
|
||||
}
|
||||
.green2{
|
||||
border:2px solid #28994e;
|
||||
}
|
||||
.red1{
|
||||
border:1px solid #da533e;
|
||||
color:#da533e;
|
||||
}
|
||||
.red2{
|
||||
border:2px solid #da533e;
|
||||
}
|
||||
.orange1{
|
||||
border:1px solid #edab26;
|
||||
color:#edab26;
|
||||
}
|
||||
.orange2{
|
||||
border:2px solid #edab26;
|
||||
}
|
||||
.kuang{
|
||||
padding:2px 2px 3px 2px;
|
||||
margin-right:5px;
|
||||
.kuang1{
|
||||
padding:1px;
|
||||
font-size:12px;
|
||||
}
|
||||
}
|
||||
.con{
|
||||
width: 100%;
|
||||
}
|
||||
.cu-timeline>.cu-item{
|
||||
padding: 30rpx 30rpx 30rpx 96rpx !important;
|
||||
}
|
||||
.cu-timeline>.cu-item::before{
|
||||
left: 34rpx!important;
|
||||
}
|
||||
.cu-timeline>.cu-item::after{
|
||||
left: 60rpx!important;
|
||||
}
|
||||
.cu-timeline>.cu-item>.content{
|
||||
padding:25rpx 20rpx;
|
||||
}
|
||||
.texttop{
|
||||
color:#000;
|
||||
}
|
||||
.textbottom{
|
||||
color:#347ACF;
|
||||
font-weight: 600;
|
||||
}
|
||||
.textbottomred{
|
||||
color:#ff0000;
|
||||
font-weight: 600;
|
||||
}
|
||||
.textremark{
|
||||
color:#000;
|
||||
}
|
||||
.tx{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width:100%;
|
||||
height:150upx;
|
||||
}
|
||||
.textjd{
|
||||
margin: 0 0 0 30rpx!important;
|
||||
width:56rpx;
|
||||
height:56rpx;;
|
||||
line-height:56rpx;
|
||||
}
|
||||
.textjd.end{
|
||||
background-color: #eee;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.textjd.endall{
|
||||
background-color: #347ACF;
|
||||
border: 1px solid #347ACF;
|
||||
}
|
||||
.txgd{
|
||||
position:absolute;
|
||||
right:20upx;
|
||||
top:10upx;
|
||||
}
|
||||
.ltx{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width:100%;
|
||||
height:80upx;
|
||||
line-height:80upx;
|
||||
}
|
||||
.fright{
|
||||
position:absolute;
|
||||
right:20upx;
|
||||
top:0;
|
||||
}
|
||||
.cu-form-group{
|
||||
padding: 2upx 20upx;
|
||||
}
|
||||
.cu-form-group .title {
|
||||
min-width: calc(4em + 15px);
|
||||
}
|
||||
.padd{
|
||||
padding:20upx;
|
||||
}
|
||||
.cu-padd-bottom{
|
||||
margin-bottom: 20upx;
|
||||
}
|
||||
.busimg{
|
||||
position: absolute;
|
||||
top:20upx;
|
||||
left:0;
|
||||
width:40upx;
|
||||
height:40upx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.busitimg{
|
||||
position: absolute;
|
||||
top:20upx;
|
||||
left:80upx;
|
||||
width:52upx;
|
||||
height:52upx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bottomcon{
|
||||
position: fixed;
|
||||
bottom:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
display: block;
|
||||
height:80upx;
|
||||
z-index: 10000;
|
||||
}
|
||||
.tipimg{
|
||||
width:36upx;
|
||||
height:36upx;
|
||||
}
|
||||
.cuIcon-refresh{
|
||||
font-size: 36upx;
|
||||
margin-right: 4upx;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,318 @@
|
||||
<template>
|
||||
<view class="uni-combox">
|
||||
<view class="uni-combox-dialog" v-if="isDialogInput && showSelector">
|
||||
<view class="uni-combox-input">
|
||||
<input
|
||||
class="uni-combox__input"
|
||||
type="text"
|
||||
:placeholder="selectItem.value ? selectItem.value : placeholder"
|
||||
v-model="inputVal"
|
||||
@input="onInput"
|
||||
@blur="onBlur"
|
||||
:focus="'true'"
|
||||
style="height: 90upx;"
|
||||
/>
|
||||
<uni-icons style="line-height: 90upx;" class="uni-combox__input-arrow" type="close" size="14" @click="clearSelector"></uni-icons>
|
||||
<view class="uni-combox__selector">
|
||||
<scroll-view scroll-y="true" class="uni-combox__selector-scroll">
|
||||
<view class="uni-combox__selector-empty" v-if="isLoading"><text>数据加载...</text></view>
|
||||
<view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0 && !isLoading">
|
||||
<text>{{ emptyTips }}</text>
|
||||
</view>
|
||||
<view v-if="!isLoading" class="uni-combox__selector-item" v-for="(item, index) in filterCandidates" :key="index" @click="onSelectorClick(item)">
|
||||
<text>{{ item.value }}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="label" class="uni-combox__label" :style="labelStyle">
|
||||
<text>{{ label }}</text>
|
||||
</view>
|
||||
<view class="uni-combox__input-box">
|
||||
<input
|
||||
v-if="isDialogInput"
|
||||
class="uni-combox__input"
|
||||
type="text"
|
||||
:placeholder="selectItem.value ? selectItem.value : placeholder"
|
||||
v-model="inputVal"
|
||||
@focus="onFocus"
|
||||
/>
|
||||
<input
|
||||
v-else
|
||||
class="uni-combox__input"
|
||||
type="text"
|
||||
:placeholder="selectItem.value ? selectItem.value : placeholder"
|
||||
v-model="inputVal"
|
||||
@focus="onFocus"
|
||||
@input="onInput"
|
||||
@blur="onBlur"
|
||||
/>
|
||||
<uni-icons v-if="!showSelector && !inputVal" class="uni-combox__input-arrow" type="arrowdown" size="14" @click="toggleSelector"></uni-icons>
|
||||
<uni-icons v-else class="uni-combox__input-arrow" type="close" size="14" @click="clearSelector"></uni-icons>
|
||||
<view class="uni-combox__selector" v-if="!isDialogInput && showSelector">
|
||||
<scroll-view scroll-y="true" class="uni-combox__selector-scroll">
|
||||
<view class="uni-combox__selector-empty" v-if="isLoading"><text>数据加载...</text></view>
|
||||
<view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0 && !isLoading">
|
||||
<text>{{ emptyTips }}</text>
|
||||
</view>
|
||||
<view v-if="!isLoading" class="uni-combox__selector-item" v-for="(item, index) in filterCandidates" :key="index" @click="onSelectorClick(item)">
|
||||
<text>{{ item.value }}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import uniIcons from '../uni-icons/uni-icons.vue';
|
||||
/**
|
||||
* Combox 组合输入框
|
||||
* @description 组合输入框一般用于既可以输入也可以选择的场景
|
||||
* @tutorial https://ext.dcloud.net.cn/plugin?id=1261
|
||||
* @property {String} label 左侧文字
|
||||
* @property {String} labelWidth 左侧内容宽度
|
||||
* @property {String} placeholder 输入框占位符
|
||||
* @property {Array} candidates 候选项列表
|
||||
* @property {String} emptyTips 筛选结果为空时显示的文字
|
||||
* @property {String} value 组合框的值
|
||||
* @property {String} isDialogInput 弹出框输入和选择避免键盘遮挡
|
||||
*/
|
||||
export default {
|
||||
name: 'uniCombox',
|
||||
components: {
|
||||
uniIcons
|
||||
},
|
||||
props: {
|
||||
label: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
labelWidth: {
|
||||
type: String,
|
||||
default: 'auto'
|
||||
},
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
candidates: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
emptyTips: {
|
||||
type: String,
|
||||
default: '无匹配项'
|
||||
},
|
||||
value: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
isDialogInput: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showSelector: false,
|
||||
inputVal: '',
|
||||
isLoading: false,
|
||||
showDowm: true,
|
||||
selectItem: { key: '', value: '' }
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
labelStyle() {
|
||||
if (this.labelWidth === 'auto') {
|
||||
return {};
|
||||
}
|
||||
return {
|
||||
width: this.labelWidth
|
||||
};
|
||||
},
|
||||
filterCandidates() {
|
||||
return this.candidates.filter(item => {
|
||||
return item;
|
||||
});
|
||||
},
|
||||
filterCandidatesLength() {
|
||||
return this.filterCandidates.length;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: {
|
||||
handler(newVal) {
|
||||
if(newVal) {
|
||||
this.candidates.filter(item => {
|
||||
if (this.value === item.key) {
|
||||
this.selectItem = item;
|
||||
this.inputVal = item.value;
|
||||
}
|
||||
});
|
||||
}else {
|
||||
this.selectItem = { key: '', value: '' }
|
||||
this.inputVal = ''
|
||||
}
|
||||
},
|
||||
immediate: true
|
||||
},
|
||||
candidates: {
|
||||
handler(newVal) {
|
||||
this.isLoading = false;
|
||||
},
|
||||
immediate: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleSelector() {
|
||||
this.showSelector = !this.showSelector;
|
||||
},
|
||||
clearSelector() {
|
||||
this.selectItem = { key: '', value: '' };
|
||||
this.inputVal = '';
|
||||
this.showSelector = false;
|
||||
this.isLoading = false;
|
||||
this.$emit('clear');
|
||||
},
|
||||
onFocus() {
|
||||
this.showSelector = true;
|
||||
if (this.inputVal) {
|
||||
this.inputVal = '';
|
||||
}
|
||||
},
|
||||
onBlur() {
|
||||
setTimeout(() => {
|
||||
if (this.selectItem.value) {
|
||||
const selectItem = JSON.parse(JSON.stringify(this.selectItem));
|
||||
this.inputVal = selectItem.value;
|
||||
} else {
|
||||
this.inputVal = '';
|
||||
}
|
||||
this.showSelector = false;
|
||||
}, 50);
|
||||
},
|
||||
onSelectorClick(item) {
|
||||
this.selectItem = item;
|
||||
this.inputVal = item.value;
|
||||
this.showSelector = false;
|
||||
this.$emit('select', item.key, item);
|
||||
},
|
||||
onInput() {
|
||||
setTimeout(() => {
|
||||
if (this.inputVal) {
|
||||
this.isLoading = true;
|
||||
this.$emit('input', this.inputVal);
|
||||
} else {
|
||||
this.isLoading = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.uni-combox {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
height: 40upx;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
// border-bottom: solid 1px #DDDDDD;
|
||||
}
|
||||
|
||||
.uni-combox__label {
|
||||
font-size: 28upx;
|
||||
line-height: 40upx;
|
||||
padding-right: 10px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.uni-combox__input-box {
|
||||
position: relative;
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.uni-combox__input {
|
||||
flex: 1;
|
||||
font-size: 28upx;
|
||||
}
|
||||
|
||||
.uni-combox__input-arrow {
|
||||
padding-left: 15upx;
|
||||
padding-right: 15upx;
|
||||
}
|
||||
|
||||
.uni-combox__selector {
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 6px;
|
||||
box-shadow: #dddddd 4px 4px 8px, #dddddd -4px -4px 8px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.uni-combox__selector-scroll {
|
||||
max-height: 350upx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.uni-combox__selector::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-bottom: solid 6px #ffffff;
|
||||
border-right: solid 6px transparent;
|
||||
border-left: solid 6px transparent;
|
||||
left: 50%;
|
||||
top: -6px;
|
||||
margin-left: -6px;
|
||||
}
|
||||
|
||||
.uni-combox__selector-empty,
|
||||
.uni-combox__selector-item {
|
||||
/* #ifdef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
line-height: 70upx;
|
||||
font-size: 28upx;
|
||||
text-align: center;
|
||||
border-bottom: solid 1px #dddddd;
|
||||
margin: 0px 10px;
|
||||
}
|
||||
|
||||
.uni-combox__selector-empty:last-child,
|
||||
.uni-combox__selector-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.uni-combox-dialog {
|
||||
background: #cccccc7d;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
.uni-combox-input {
|
||||
background: #fff;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
height: 90upx;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue