You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
1.3 KiB
83 lines
1.3 KiB
2 years ago
|
<template>
|
||
|
<view class="uni-flex uni-row" @click="openDetail()">
|
||
|
<text>{{dataContent.number}}</text>|
|
||
|
<text :class="jobStatusStyle(dataContent.jobStatus)">{{jobStatusDesc(dataContent.jobStatus)}}</text>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
|
||
|
<script setup>
|
||
|
import {
|
||
|
ref
|
||
|
} from "vue";
|
||
|
|
||
|
import {
|
||
|
getJobStatuStyle,
|
||
|
getJobStatuDesc,
|
||
|
} from '@/common/basic.js';
|
||
|
|
||
|
const props = defineProps({
|
||
|
dataContent: {
|
||
|
type: Object,
|
||
|
default () {
|
||
|
return {
|
||
|
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
});
|
||
|
|
||
|
const emits = defineEmits(['openJobDetail']);
|
||
|
|
||
|
const jobStatusDesc = function(val) {
|
||
|
return getJobStatuDesc(val);
|
||
|
};
|
||
|
|
||
|
const jobStatusStyle = function(val) {
|
||
|
return getJobStatuStyle(val);
|
||
|
};
|
||
|
|
||
|
const openDetail = function() {
|
||
|
emits('openJobDetail', )
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
|
||
|
// <script>
|
||
|
// import {
|
||
|
// getJobStatuStyle,
|
||
|
// getJobStatuDesc,
|
||
|
// } from '@/common/basic.js';
|
||
|
|
||
|
// export default {
|
||
|
// data() {
|
||
|
// return {
|
||
|
|
||
|
// }
|
||
|
// },
|
||
|
// props: {
|
||
|
// dataContent: {
|
||
|
// type: Object,
|
||
|
// default: {}
|
||
|
// },
|
||
|
// },
|
||
|
|
||
|
// methods: {
|
||
|
// openJobDetail() {
|
||
|
// this.$emit("openJobDetail");
|
||
|
// },
|
||
|
// jobStatusStyle: function(val) {
|
||
|
// return getJobStatuStyle(val);
|
||
|
// },
|
||
|
// jobStatusColor: function(val) {
|
||
|
// return getJobStatuDesc(val);
|
||
|
// },
|
||
|
// }
|
||
|
// }
|
||
|
|
||
|
//
|
||
|
</script>
|
||
|
|
||
|
<style>
|
||
|
</style>
|