|
@@ -30,7 +30,7 @@
|
|
|
</t-col>
|
|
|
<t-col :span="3">
|
|
|
<t-form-item label="客户类型">
|
|
|
- {{ curRow.customType }}
|
|
|
+ {{ customerTypeFilter(curRow.customType) }}
|
|
|
</t-form-item>
|
|
|
</t-col>
|
|
|
<t-col :span="3">
|
|
@@ -73,31 +73,33 @@
|
|
|
class="sop-step-body"
|
|
|
>
|
|
|
<t-row :gutter="[0, 30]">
|
|
|
- <t-col :span="12">
|
|
|
- <div class="form-group-title"> 新增跟进 </div>
|
|
|
- </t-col>
|
|
|
- <t-col :span="12">
|
|
|
- <t-form-item label="跟进人">
|
|
|
- {{ userStore.user.realName }}</t-form-item
|
|
|
- >
|
|
|
- </t-col>
|
|
|
- <t-col :span="12">
|
|
|
- <t-form-item label="跟进说明" name="remark">
|
|
|
- <t-textarea
|
|
|
- v-model="formData.remark"
|
|
|
- tips="限100字以内"
|
|
|
- :maxlength="100"
|
|
|
- ></t-textarea>
|
|
|
- </t-form-item>
|
|
|
- </t-col>
|
|
|
- <t-col :span="12">
|
|
|
- <t-form-item label="附件说明">
|
|
|
- <my-upload @change="fileChange"></my-upload>
|
|
|
- </t-form-item>
|
|
|
- </t-col>
|
|
|
+ <template v-if="!IS_VIEW_MODE">
|
|
|
+ <t-col :span="12">
|
|
|
+ <div class="form-group-title"> 新增跟进 </div>
|
|
|
+ </t-col>
|
|
|
+ <t-col :span="12">
|
|
|
+ <t-form-item label="跟进人">
|
|
|
+ {{ userStore.user.realName }}</t-form-item
|
|
|
+ >
|
|
|
+ </t-col>
|
|
|
+ <t-col :span="12">
|
|
|
+ <t-form-item label="跟进说明" name="remark">
|
|
|
+ <t-textarea
|
|
|
+ v-model="formData.remark"
|
|
|
+ tips="限100字以内"
|
|
|
+ :maxlength="100"
|
|
|
+ ></t-textarea>
|
|
|
+ </t-form-item>
|
|
|
+ </t-col>
|
|
|
+ <t-col :span="12">
|
|
|
+ <t-form-item label="附件说明">
|
|
|
+ <my-upload @change="fileChange"></my-upload>
|
|
|
+ </t-form-item>
|
|
|
+ </t-col>
|
|
|
+ </template>
|
|
|
|
|
|
<t-col :span="12">
|
|
|
- <div class="m-b-10px">
|
|
|
+ <div v-if="!IS_VIEW_MODE" class="m-b-10px">
|
|
|
历史明细查阅
|
|
|
<t-link
|
|
|
theme="primary"
|
|
@@ -106,8 +108,9 @@
|
|
|
>查看 <ChevronUpIcon v-if="showHistory" />
|
|
|
<ChevronDownIcon v-else /></t-link
|
|
|
></div>
|
|
|
+ <div v-else class="form-item-title m-b-10px"> 历史明细查阅 </div>
|
|
|
<t-table
|
|
|
- v-if="showHistory"
|
|
|
+ v-if="showHistory || IS_VIEW_MODE"
|
|
|
size="small"
|
|
|
row-key="id"
|
|
|
:columns="columns"
|
|
@@ -127,7 +130,7 @@
|
|
|
</t-col>
|
|
|
</t-row>
|
|
|
</t-form>
|
|
|
- <t-space class="sop-step-footer">
|
|
|
+ <t-space v-if="!IS_VIEW_MODE" class="sop-step-footer">
|
|
|
<t-button theme="primary" @click="save">保存</t-button>
|
|
|
<t-button theme="default" @click="emit('update:visible', false)"
|
|
|
>取消</t-button
|
|
@@ -145,7 +148,11 @@ import { MessagePlugin } from 'tdesign-vue-next';
|
|
|
import { ref, computed } from 'vue';
|
|
|
import { useUserStore } from '@/store';
|
|
|
import { delayWarnDetailList, flowDelayWarn } from '@/api/sop';
|
|
|
-import { timestampFilter, warnTypeFilter } from '@/utils/filter';
|
|
|
+import {
|
|
|
+ customerTypeFilter,
|
|
|
+ timestampFilter,
|
|
|
+ warnTypeFilter,
|
|
|
+} from '@/utils/filter';
|
|
|
|
|
|
const userStore = useUserStore();
|
|
|
const props = defineProps({
|
|
@@ -156,6 +163,10 @@ const props = defineProps({
|
|
|
return {};
|
|
|
},
|
|
|
},
|
|
|
+ type: {
|
|
|
+ type: String,
|
|
|
+ default: 'new',
|
|
|
+ },
|
|
|
});
|
|
|
const emit = defineEmits(['update:visible', 'success']);
|
|
|
|
|
@@ -166,6 +177,9 @@ const showHistory = ref(false);
|
|
|
const title = computed(() => {
|
|
|
return `预警信息(预警流水号:${props.curRow.code})`;
|
|
|
});
|
|
|
+const IS_VIEW_MODE = computed(() => {
|
|
|
+ return props.type === 'view';
|
|
|
+});
|
|
|
|
|
|
const getDetail = async () => {
|
|
|
const res = await delayWarnDetailList(props.curRow.id);
|