parent
5a680bd0d4
commit
23d1b73e5d
|
|
@ -27,7 +27,7 @@
|
||||||
params: {taskId:item.taskId,jobId:item.jobId,type,title,isView:'1'}
|
params: {taskId:item.taskId,jobId:item.jobId,type,title,isView:'1'}
|
||||||
})"/>
|
})"/>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex-between">
|
<view class="flex-between quarantine">
|
||||||
<u-button type="primary" text="流程" size="mini" class="bth-mini"
|
<u-button type="primary" text="流程" size="mini" class="bth-mini"
|
||||||
@click="$u.route({
|
@click="$u.route({
|
||||||
url: '/pages/eight_assignments/technological_process',
|
url: '/pages/eight_assignments/technological_process',
|
||||||
|
|
@ -92,5 +92,7 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.quarantine {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -66,7 +66,7 @@
|
||||||
<u-radio :customStyle="{ marginLeft: '8px' }" label="否" name="0" />
|
<u-radio :customStyle="{ marginLeft: '8px' }" label="否" name="0" />
|
||||||
</u-radio-group>
|
</u-radio-group>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u-form-item label="是否需要气体检测" props="IS_GAS_TESTING" borderBottom required>
|
<u-form-item label="是否需要气体检测" prop="IS_GAS_TESTING" borderBottom required>
|
||||||
<u-radio-group v-model="form.IS_GAS_TESTING" :customStyle="{ 'justify-content': 'flex-end' }" @change="fnRadioChange($event, 'IS_GAS_TESTING_NAME')">
|
<u-radio-group v-model="form.IS_GAS_TESTING" :customStyle="{ 'justify-content': 'flex-end' }" @change="fnRadioChange($event, 'IS_GAS_TESTING_NAME')">
|
||||||
<u-radio label="是" name="1" />
|
<u-radio label="是" name="1" />
|
||||||
<u-radio :customStyle="{ marginLeft: '8px' }" label="否" name="0" />
|
<u-radio :customStyle="{ marginLeft: '8px' }" label="否" name="0" />
|
||||||
|
|
|
||||||
|
|
@ -69,7 +69,7 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
fnSign(event) {
|
fnSign(event) {
|
||||||
this.form.SIGN = event.filePath
|
this.form.SIGN = event.path
|
||||||
},
|
},
|
||||||
async fnSubmit() {
|
async fnSubmit() {
|
||||||
try {
|
try {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
## 1.3（2024-06-27）
|
||||||
|
优化
|
||||||
|
## 1.2（2024-05-16）
|
||||||
|
组件优化
|
||||||
|
## 1.0.1（2023-07-09）
|
||||||
|
组件优化
|
||||||
|
## 1.0.0（2023-07-09）
|
||||||
|
组件初始化
|
||||||
|
|
@ -0,0 +1,111 @@
|
||||||
|
<template>
|
||||||
|
<view class="step">
|
||||||
|
<view class="step_box">
|
||||||
|
<view class="step_left"></view>
|
||||||
|
<view class="step_right">
|
||||||
|
<view class="right_content" v-for="(item,index) in stepData" :key="index">
|
||||||
|
<view class="title">{{ item.NODE_DESC }}（{{ item.USER_NAME }}）</view>
|
||||||
|
<view class="times" v-if="item.time">{{ item.time }}</view>
|
||||||
|
<view class="result" v-if="item.desc">
|
||||||
|
<text style="color: #202020;">{{ item.desc }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="status"
|
||||||
|
:style="{background: item.STEP_FLAG === '1'?colors:'#ccc',borderColor: item.STEP_FLAG === '1'?colors:'#ccc'}">
|
||||||
|
{{ item.STEP_FLAG === '1' ? "✓" : '' }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
colors: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
stepData: {
|
||||||
|
type: Array
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.step {
|
||||||
|
padding: 40upx 20upx;
|
||||||
|
margin-bottom: 20upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step_box {
|
||||||
|
margin: 0 20upx;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.step_left {
|
||||||
|
width: 2upx;
|
||||||
|
display: block;
|
||||||
|
background-color: #DDDDDD;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step_right {
|
||||||
|
margin-left: 20upx;
|
||||||
|
margin-top: -10upx;
|
||||||
|
|
||||||
|
.right_content {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 30upx;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 28upx;
|
||||||
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.times {
|
||||||
|
font-size: 22upx;
|
||||||
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #999999;
|
||||||
|
line-height: 36upx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
width: 24upx;
|
||||||
|
height: 24upx;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 2upx solid #ccc;
|
||||||
|
position: absolute;
|
||||||
|
top: 4upx;
|
||||||
|
background-color: #ccc;
|
||||||
|
left: -36upx;
|
||||||
|
color: white;
|
||||||
|
line-height: 12px;
|
||||||
|
font-size: 10px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result {
|
||||||
|
padding: 10upx 15upx;
|
||||||
|
background-color: #F6F6F6;
|
||||||
|
font-size: 22upx;
|
||||||
|
margin-top: 10upx;
|
||||||
|
border: 1upx dashed #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-of-type {
|
||||||
|
margin-bottom: 0;
|
||||||
|
|
||||||
|
.status {
|
||||||
|
top: 14upx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,87 @@
|
||||||
|
{
|
||||||
|
"id": "cc-defineStep",
|
||||||
|
"displayName": "自定义精美steps步骤条进度条插件 物流信息跟踪展示组件 流程审批跟进组件",
|
||||||
|
"version": "1.3",
|
||||||
|
"description": "自定义精美steps步骤条进度条插件 物流信息跟踪展示组件 流程审批跟进组件",
|
||||||
|
"keywords": [
|
||||||
|
"步骤条",
|
||||||
|
"时间轴",
|
||||||
|
"",
|
||||||
|
"物流信息",
|
||||||
|
"物流",
|
||||||
|
"跟踪"
|
||||||
|
],
|
||||||
|
"repository": "",
|
||||||
|
"engines": {
|
||||||
|
"HBuilderX": "^3.8.0"
|
||||||
|
},
|
||||||
|
"dcloudext": {
|
||||||
|
"type": "component-vue",
|
||||||
|
"sale": {
|
||||||
|
"regular": {
|
||||||
|
"price": "0.00"
|
||||||
|
},
|
||||||
|
"sourcecode": {
|
||||||
|
"price": "0.00"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"contact": {
|
||||||
|
"qq": ""
|
||||||
|
},
|
||||||
|
"declaration": {
|
||||||
|
"ads": "无",
|
||||||
|
"data": "无",
|
||||||
|
"permissions": "无"
|
||||||
|
},
|
||||||
|
"npmurl": ""
|
||||||
|
},
|
||||||
|
"uni_modules": {
|
||||||
|
"dependencies": [],
|
||||||
|
"encrypt": [],
|
||||||
|
"platforms": {
|
||||||
|
"cloud": {
|
||||||
|
"tcb": "y",
|
||||||
|
"aliyun": "y",
|
||||||
|
"alipay": "n"
|
||||||
|
},
|
||||||
|
"client": {
|
||||||
|
"Vue": {
|
||||||
|
"vue2": "y",
|
||||||
|
"vue3": "y"
|
||||||
|
},
|
||||||
|
"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",
|
||||||
|
"钉钉": "y",
|
||||||
|
"快手": "y",
|
||||||
|
"飞书": "y",
|
||||||
|
"京东": "y"
|
||||||
|
},
|
||||||
|
"快应用": {
|
||||||
|
"华为": "y",
|
||||||
|
"联盟": "y"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,170 @@
|
||||||
|
# cc-defineStep
|
||||||
|
|
||||||
|
|
||||||
|
### 我的技术微信公众号
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#### 使用方法
|
||||||
|
```使用方法
|
||||||
|
<!-- colors: 设置主题色 stepData:步骤数据 -->
|
||||||
|
<cc-defineStep :colors="colors" :stepData="stepData"></cc-defineStep>
|
||||||
|
|
||||||
|
<!-- 数据设置 -->
|
||||||
|
colors:"#fa436a",
|
||||||
|
//模拟后台返回的数据
|
||||||
|
stepData: [
|
||||||
|
{
|
||||||
|
name: '提交申请',
|
||||||
|
time: '2023-06-09 20:01:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '不想要了'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '等待审核',
|
||||||
|
time: '2023-06-09 20:01:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务单已申请成功，待售后审核中'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '审核意见',
|
||||||
|
time: '2023-06-09 20:13:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的售后单已收到，会在24小时与您联系。'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '审核上门取件',
|
||||||
|
time: '2023-06-09 20:13:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务单已预约时间2023-06-10(周日) 15:00-20:00'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '取件成功',
|
||||||
|
time: '2023-06-10 18:54:55',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的商品已取件成功'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '商家售后已收到',
|
||||||
|
time: '2023-06-12 09:01:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务单商品已收到'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '返修换新订单生产',
|
||||||
|
time: '2023-06-12 13:19:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务订单已生成新的订单'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '返修换新完成',
|
||||||
|
time: '2023-06-13 12:12:49',
|
||||||
|
isNow: 1,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务单已完成，如有疑问请反馈，谢谢~，欢迎再次光临'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
#### HTML代码实现部分
|
||||||
|
```html
|
||||||
|
<template>
|
||||||
|
|
||||||
|
<!-- colors: 设置主题色 stepData:步骤数据 -->
|
||||||
|
<cc-defineStep :colors="colors" :stepData="stepData"></cc-defineStep>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
colors:"#fa436a",
|
||||||
|
//模拟后台返回的数据
|
||||||
|
stepData: [
|
||||||
|
{
|
||||||
|
name: '提交申请',
|
||||||
|
time: '2023-06-09 20:01:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '不想要了'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '等待审核',
|
||||||
|
time: '2023-06-09 20:01:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务单已申请成功，待售后审核中'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '审核意见',
|
||||||
|
time: '2023-06-09 20:13:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的售后单已收到，会在24小时与您联系。'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '审核上门取件',
|
||||||
|
time: '2023-06-09 20:13:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务单已预约时间2023-06-10(周日) 15:00-20:00'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '取件成功',
|
||||||
|
time: '2023-06-10 18:54:55',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的商品已取件成功'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '商家售后已收到',
|
||||||
|
time: '2023-06-12 09:01:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务单商品已收到'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '返修换新订单生产',
|
||||||
|
time: '2023-06-12 13:19:49',
|
||||||
|
isNow: 0,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务订单已生成新的订单'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '返修换新完成',
|
||||||
|
time: '2023-06-13 12:12:49',
|
||||||
|
isNow: 1,
|
||||||
|
type: 1,
|
||||||
|
desc: '您的服务单已完成，如有疑问请反馈，谢谢~，欢迎再次光临'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
// 步骤数组数据反序
|
||||||
|
this.stepData.reverse()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
```
|
||||||
|
|
@ -1,6 +1,7 @@
|
||||||
// let requestPath = 'http://192.168.0.45:8092/';
|
// let requestPath = 'http://192.168.0.45:8092/';
|
||||||
// let requestPath = 'http://192.168.0.31:8992/qa-regulatory-gwj/'; // 后台请求地址https://skqhdg.porthebei.com:9004/qa-prevention-gwj/
|
// let requestPath = 'http://192.168.0.31:8992/qa-regulatory-gwj/'; // 后台请求地址https://skqhdg.porthebei.com:9004/qa-prevention-gwj/
|
||||||
export var requestPath = 'http://192.168.0.29:8092/'; // 后台请求地址
|
export var requestPath = 'https://qggf.qhdsafety.com/jgApi/'; // 后台请求地址
|
||||||
|
import store from '../store/index'
|
||||||
function post(url, data) {
|
function post(url, data) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
if (data && data.loading !== false) {
|
if (data && data.loading !== false) {
|
||||||
|
|
@ -10,7 +11,11 @@ function post(url, data) {
|
||||||
}
|
}
|
||||||
uni.request({
|
uni.request({
|
||||||
url: requestPath + url,
|
url: requestPath + url,
|
||||||
data,
|
data: {
|
||||||
|
USER_ID: store.state.userInfo.USER_ID || '',
|
||||||
|
CORPINFO_ID: store.state.userInfo.CORPINFO_ID || '',
|
||||||
|
...data
|
||||||
|
},
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
header: {
|
header: {
|
||||||
'Content-type': data?.postMethod || 'application/x-www-form-urlencoded'
|
'Content-type': data?.postMethod || 'application/x-www-form-urlencoded'
|
||||||
|
|
|
||||||
|
|
@ -22,6 +22,8 @@ export function formatDate(date, fmt) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export const filePath = 'https://wwag.qhdsafety.com/file/'
|
||||||
|
|
||||||
function padLeftZero(str) {
|
function padLeftZero(str) {
|
||||||
return ('00' + str).substr(str.length)
|
return ('00' + str).substr(str.length)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue