parent
5a680bd0d4
commit
23d1b73e5d
|
@ -27,7 +27,7 @@
|
|||
params: {taskId:item.taskId,jobId:item.jobId,type,title,isView:'1'}
|
||||
})"/>
|
||||
</view>
|
||||
<view class="flex-between">
|
||||
<view class="flex-between quarantine">
|
||||
<u-button type="primary" text="流程" size="mini" class="bth-mini"
|
||||
@click="$u.route({
|
||||
url: '/pages/eight_assignments/technological_process',
|
||||
|
@ -92,5 +92,7 @@ export default {
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.quarantine {
|
||||
margin-left: 5px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -66,7 +66,7 @@
|
|||
<u-radio :customStyle="{ marginLeft: '8px' }" label="否" name="0" />
|
||||
</u-radio-group>
|
||||
</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 label="是" name="1" />
|
||||
<u-radio :customStyle="{ marginLeft: '8px' }" label="否" name="0" />
|
||||
|
|
|
@ -69,7 +69,7 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
fnSign(event) {
|
||||
this.form.SIGN = event.filePath
|
||||
this.form.SIGN = event.path
|
||||
},
|
||||
async fnSubmit() {
|
||||
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
|
||||
|
||||
|
||||
### 我的技术微信公众号
|
||||
|
||||
![图片](https://i.postimg.cc/RZ0sjnYP/front-End-Component.jpg)
|
||||
|
||||
|
||||
#### 使用方法
|
||||
```使用方法
|
||||
<!-- 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.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) {
|
||||
return new Promise((resolve, reject) => {
|
||||
if (data && data.loading !== false) {
|
||||
|
@ -10,7 +11,11 @@ function post(url, data) {
|
|||
}
|
||||
uni.request({
|
||||
url: requestPath + url,
|
||||
data,
|
||||
data: {
|
||||
USER_ID: store.state.userInfo.USER_ID || '',
|
||||
CORPINFO_ID: store.state.userInfo.CORPINFO_ID || '',
|
||||
...data
|
||||
},
|
||||
method: 'POST',
|
||||
header: {
|
||||
'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) {
|
||||
return ('00' + str).substr(str.length)
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue