wangyifang
/
cz-hjjc-oa
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
master
xy 1 year ago
parent d2c7da0f0d
commit 9e882a93a5
7 changed files with 219 additions and 132 deletions
Show Stats Download Patch File Download Diff File

94
src/utils/formBuilder.js
Unescape View File

@ -277,8 +277,7 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
row[info.name].push({
response: response.data.data,
name: response.data.data.original_name,
url: response.data.data.url,
TYPE_FILE: 1
url: response.data.data.url
})
} else {
this.$message.error("上传失败")
@ -316,22 +315,13 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
file.response = file.response.data;
}
});
this.form[info.name] = fileList.map(i => ({
...i,
TYPE_FILE: 1
}));
this.form[info.name] = fileList
},
onRemove: (file, fileList) => {
this.form[info.name] = fileList.map(i => ({
...i,
TYPE_FILE: 1
}));
this.form[info.name] = fileList
},
onError: (err, file, fileList) => {
this.form[info.name] = fileList.map(i => ({
...i,
TYPE_FILE: 1
}));
this.form[info.name] = fileList
this.$message({
type: "warning",
message: err,
@ -905,21 +895,21 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
},
[formItem,(() => {
if (info.is_sign) {
let log = this.logs.find(log => log.node?.fields?.findIndex(field => field?.field?.name === info.name) !== -1)
if (log) {
let log = this.logs.find(log => log.node?.fields?.findIndex(field => field?.field?.name === info.name) !== -1) && (row ? row[info.name] : this.form[info.name])
if (log && log.user) {
return h('div',[
h('el-image',{
style: {
'max-height': '80px'
},
props: {
src: log.user.sign_file?.url,
src: log.user?.sign_file?.url,
fit: 'contain',
alt: log.user.sign_id
alt: log.user?.sign_id
},
attrs: {
src: log.user.sign_file?.url,
alt: log.user.sign_id
src: log.user?.sign_file?.url,
alt: log.user?.sign_id
}
})
])
@ -930,11 +920,6 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
}
}
if (device === "mobile") {
let findValue = options?.find((i) =>
typeof i === "object"
? i.id === (row ? row[info.name] : this.form[info.name])
: i === (row ? row[info.name] : this.form[info.name])
);
if (info._writeable || pWrite) {
switch (info.type) {
case "text":
@ -1024,13 +1009,18 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
});
break;
case "select":
let findSelect = options?.find((i) =>
typeof i === "object"
? i.id === (row ? row[info.name] : this.form[info.name])
: i === (row ? row[info.name] : this.form[info.name])
);
formItem = h("van-field", {
props: {
readonly: true,
clickable: true,
name: info.name,
label: info.label,
value: typeof findValue === "object" ? findValue.name : findValue,
value: typeof findSelect === "object" ? findSelect.name : findSelect,
clearable: true,
placeholder: info.help_text,
},
@ -1045,13 +1035,22 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
});
break;
case "choice":
let findChoice = info.multiple ? options?.filter((i) =>
typeof i === "object"
? (row ? row[info.name].indexOf(i.id) !== -1 : this.form[info.name].indexOf(i.id) !== -1)
: i === (row ? row[info.name] : this.form[info.name])
) : options?.find((i) =>
typeof i === "object"
? i.id === (row ? row[info.name] : this.form[info.name])
: i === (row ? row[info.name] : this.form[info.name])
);
formItem = h("van-field", {
props: {
readonly: true,
clickable: true,
name: info.name,
label: info.label,
value: typeof findValue === "object" ? findValue.name : findValue,
value: (findChoice instanceof Array) ? (findChoice.map(i => typeof i === "object" ? i.name : i).toString()) : (typeof findChoice === "object" ? findChoice.name : findChoice),
clearable: true,
placeholder: info.help_text,
},
@ -1190,13 +1189,18 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
])
break;
case 'relation-flow':
let findFlow = options?.find((i) =>
typeof i === "object"
? i.id === (row ? row[info.name] : this.form[info.name])
: i === (row ? row[info.name] : this.form[info.name])
);
formItem = h("van-field", {
props: {
readonly: true,
clickable: true,
name: info.name,
label: info.label,
value: typeof findValue === "object" ? (findValue.name || findValue.title) : findValue,
value: typeof findFlow === "object" ? (findFlow.name || findFlow.title) : findFlow,
clearable: true,
placeholder: info.help_text,
},
@ -1327,7 +1331,7 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
);
break;
case "select":
let findValue = options.find((i) =>
let findSelect = options.find((i) =>
typeof i === "object"
? i.id === this.form[info.name]
: i === this.form[info.name]
@ -1340,12 +1344,32 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
},
props: {
title: info.label,
value: typeof findValue === "object" ? findValue.name : findValue
value: typeof findSelect === "object" ? findSelect.name : findSelect
}
},
);
break;
case 'choice':
let findChoice = options.find((i) =>
typeof i === "object"
? i.id === this.form[info.name]
: i === this.form[info.name]
);
formItem = h(
"van-cell",
{
attrs: {
for: info.name
},
props: {
title: info.label,
value: typeof findChoice === "object" ? findChoice.name : findChoice
}
},
);
break;
case 'file':
let files = (row ? row[info.name] : this.form[info.name])
formItem = h(
"van-cell",
{
@ -1356,12 +1380,11 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
title: info.label,
}
},
(row ? row[info.name] : this.form[info.name]).map(file => h("div", {}, [
((files && files !== 'null' && files !== 'undefined') ? files : [])?.map(file => h("div", {}, [
h(
"a",
{
attrs: {
href: file.url,
download: file.name,
},
class: {
@ -1370,6 +1393,11 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
style: {
padding: "0 4px",
},
on: {
click:_ => {
this.$bus.$emit('online-file', file.url)
}
}
},
file.name
),
@ -1386,7 +1414,7 @@ export default function formBuilder(device, info, h, row, pWrite = false,pReadab
}),
h(
"div",
this.form[info.name].map((sForm, sIndex) =>
this.form[info.name]?.map((sForm, sIndex) =>
h(
"van-cell-group",
{

45
src/views/VehicleCertificate/index.vue
Unescape View File

@ -21,10 +21,31 @@
:data="tableData"
>
<vxe-column type="seq" width="58" align="center" />
<vxe-column field="vehicle.name" align="center" width="120" title="车牌号码" />
<vxe-column field="name" width="170" title="证书名称" :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
<vxe-column field="key" width="150" title="标识" :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
<vxe-column field="value" width="150" title="值" :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
<vxe-column field="mysort" width="80" title="排序" align="center" :edit-render="{ name: 'input', attrs: { type: 'number' } }" />
<vxe-column field="serial" width="170" title="证照编号" :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
<vxe-column field="grant_by" width="170" align="center" title="发放单位" :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
<vxe-column field="grant_at" width="170" align="center" title="发放日期" :edit-render="{}">
<template #edit="{ row }">
<el-date-picker v-model="row.grant_at" value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker>
</template>
</vxe-column>
<vxe-column field="expire_at" width="170" align="center" title="到期日期" :edit-render="{}">
<template #edit="{ row }">
<el-date-picker v-model="row.expire_at" value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker>
</template>
</vxe-column>
<vxe-column field="renewed_at" width="170" align="center" title="续期日期" :edit-render="{}">
<template #edit="{ row }">
<el-date-picker v-model="row.renewed_at" value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker>
</template>
</vxe-column>
<vxe-column field="renewed.original_name" title="续签证书" min-width="180" header-align="center" align="left" :edit-render="{}">
<template #edit="{ row }">
<vxe-upload v-model="row.renewed" progress-text="{percent}%" :more-config="{ maxCount: 1, layout: 'horizontal' }" :limit-size="20" :show-button-text="false" :upload-method="({file}) => uploadMethod(file, row)"></vxe-upload>
</template>
</vxe-column>
<vxe-column field="operate" title="操作" min-width="220">
<template #default="{ row }">
<template v-if="isActiveStatus(row)">
@ -66,6 +87,8 @@ import { index as vehicleIndex } from '@/api/vehicle'
import { deepCopy } from '@/utils'
import { index, save, destroy } from '@/api/vehicleCertificate'
import AddVehicleCertificate from './components/AddVehicleCertificate.vue'
import axios from "axios";
import {getToken} from "@/utils/auth";
export default {
components: {
AddVehicleCertificate
@ -112,6 +135,22 @@ export default {
this.getList()
},
methods: {
uploadMethod(file, row) {
const formData = new FormData()
formData.append('file', file)
return axios.post(process.env.VUE_APP_UPLOAD_API, formData, {
headers: {
Authorization: `Bearer ${getToken()}`,
}
}).then((response) => {
if (response.status === 200 && !response.data.code) {
row.renewed_id = response.data.data.id
row.renewed = response.data.data
} else {
this.$message.error("上传失败")
}
})
},
editRowEvent(row) {
if (this.$refs['table']) {
this.$refs['table'].setEditRow(row)

60
src/views/dashboard/index.vue
Unescape View File

@ -171,24 +171,20 @@
</div>
<div class="mycard__body flow__body">
<router-link
:to="'/flow/create?module_id=' + item.id"
tag="div"
<div
v-for="item in usualFlows"
:key="item.key"
>
<div>
<div class="flow-cover">
<template v-if="item.icon">
<Icon class="flow__body--icon" :icon="item.icon"></Icon>
</template>
<template v-else>
<i class="el-icon-edit flow__body--icon"></i>
</template>
</div>
<span class="flow__body--name">{{ item.name }}</span>
@click="toCreate(item)">
<div class="flow-cover">
<template v-if="item.icon">
<Icon class="flow__body--icon" :icon="item.icon"></Icon>
</template>
<template v-else>
<i class="el-icon-edit flow__body--icon"></i>
</template>
</div>
</router-link>
<span class="flow__body--name">{{ item.name }}</span>
</div>
</div>
</div>
</div>
@ -287,6 +283,7 @@ import { getToken } from "@/utils/auth";
import { flow } from "@/api/flow";
import { index as configIndex } from "@/api/config";
import { index } from "@/api/attendance";
import {isExternal} from "@/utils/validate";
export default {
name: "Dashboard",
components: {
@ -385,6 +382,23 @@ export default {
}
},
methods: {
toCreate(flow, cate) {
if(isExternal(flow.url)) {
const url = new URL(flow.url)
window.open(flow.url,'_blank')
} else if (flow.url) {
if (/\?.+/g.test(flow.url)) {
window.open(window.location.origin + flow.url,'_blank')
}
} else {
this.$router.push({
path: '/flow/create',
query: {
module_id: flow.id
}
})
}
},
getTodayAttendance(date,key = 'attendance') {
let temp = this.attendanceData.attendances.find((i) => i.date === date) ?? {}
return temp[key]
@ -737,15 +751,15 @@ $btn-colors: linear-gradient(90deg, #d4bbfd 0%, #af7bff 100%),
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
& > div {
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
& > * {
& > div {
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@for $index from 1 through length($btn-colors) {
&:nth-child(#{$index}n) .flow-cover {

28
src/views/flow/MobileForm.vue
Unescape View File

@ -47,13 +47,19 @@ export default {
default: () => [],
required: true
},
fileList: {
scriptContent: String,
rules: {
type: Object,
default: () => ({}),
required: true
},
scriptContent: String
subRules: {
type: Object,
default: () => ({}),
},
logs: {
type: Array,
default: () => []
}
},
data() {
return {
@ -109,9 +115,6 @@ export default {
originalForm(newVal) {
this.form = deepCopy(newVal)
},
fileList(newVal) {
this.file = deepCopy(newVal)
},
scriptContent(newVal) {
if(newVal) {
try {
@ -133,6 +136,7 @@ export default {
_readable: this.readable.indexOf(field.id) !== -1,
_writeable: this.writeable.indexOf(field.id) !== -1
}))
const subFields = Array.from(this.subForm).map(i => i[1]?.customModel?.fields).filter(i => i).flat()
return h('div',[
h('van-form',{
props: {
@ -140,10 +144,11 @@ export default {
}
},authFields.map(field => formBuilder.bind(this)(this.device, field, h))),
//calendar
authFields.findIndex(i => i.type === 'date') !== -1 ?
(authFields.findIndex(i => i.type === 'date') !== -1 || subFields.findIndex(i => i.type === 'date')) ?
h('van-calendar',{
ref: `vanCalendar`,
props: {
position: 'bottom',
value: this.vanCalendarOption.isShow,
'min-date': this.$moment().subtract('years',10).toDate(),
'max-date': this.$moment().add('years',10).toDate(),
@ -164,7 +169,7 @@ export default {
}
}) : '',
//datetimepicker
authFields.findIndex(i => i.type === 'datetime') !== -1 ?
(authFields.findIndex(i => i.type === 'datetime') !== -1 || subFields.findIndex(i => i.type === 'datetime') !== -1) ?
h('van-popup',{
props: {
value: this.vanTimePickerOption.isShow,
@ -184,7 +189,6 @@ export default {
on: {
confirm: time => {
if(typeof this.vanTimePickerOption.originalObj === 'object') {
console.log(this.vanTimePickerOption.originalObj)
this.$set(this.vanTimePickerOption.originalObj,this.vanTimePickerOption.forFormName,moment(time).format('YYYY-MM-DD HH:mm:ss'))
} else {
this.$set(this.form,this.vanTimePickerOption.forFormName,moment(time).format('YYYY-MM-DD HH:mm:ss'))
@ -198,7 +202,7 @@ export default {
})
]) : '',
//popup
authFields.findIndex(i => i.type === 'select') !== -1 ?
(authFields.findIndex(i => i.type === 'select') !== -1 || subFields.findIndex(i => i.type === 'select') !== -1) ?
h('van-popup',{
props: {
value: this.vanPopupOption.isShow,
@ -232,7 +236,7 @@ export default {
})
]) : '',
// 多选
authFields.findIndex(i => ['relation-flow','choice','choices'].indexOf(i.type) !== -1) !== -1 ?
(authFields.findIndex(i => ['relation-flow','choice','choices'].indexOf(i.type) !== -1) !== -1 || subFields.findIndex(i => ['relation-flow','choice','choices'].indexOf(i.type) !== -1) !== -1) ?
h('van-popup',{
props: {
value: this.multipleSelectOption.isShow,

6
src/views/flow/create.vue
Unescape View File

@ -66,9 +66,11 @@
:fields="fields"
:original-form="form"
:readable="readableFields"
:file-list="fileList"
:script-content="scriptContent"
:writeable="writeableFields"
:rules="rules"
:sub-rules="subRules"
:logs="config.logs"
></MobileForm>
</template>
</div>
@ -699,7 +701,7 @@ export default {
keys.forEach(key => {
if (form[key] instanceof Array) {
if (form[key].length > 0) {
if (form[key][0].hasOwnProperty('TYPE_FILE') && form[key][0]['TYPE_FILE']) {
if (form[key][0].hasOwnProperty('response')) {
form[key] = form[key].map(i => i.response)
} else {
form[key].forEach(i => {

8
src/views/flow/index.vue
Unescape View File

@ -91,10 +91,10 @@ export default {
toCreate(flow,cate) {
if(isExternal(flow.url)) {
const url = new URL(flow.url)
if (/\?.+/g.test(url.hash)) {
window.open(flow.url + `&auth_token=${getToken()}`,'_blank')
} else {
window.open(flow.url + `?auth_token=${getToken()}`,'_blank')
window.open(flow.url,'_blank')
} else if (flow.url) {
if (/\?.+/g.test(flow.url)) {
window.open(window.location.origin + flow.url,'_blank')
}
} else {
this.$router.push({

110
src/views/flow/list.vue
Unescape View File

@ -191,9 +191,59 @@
>
</template>
</vxe-column>
<vxe-column v-if="device === 'mobile'" field="m-operate" type="expand" width="60" fixed="left">
<template #content="{ row }">
<div>
<template v-if="$store.getters.device === 'mobile'">
<vxe-column field="m-operate" type="expand" width="60" fixed="left">
<template #content="{ row }">
<div>
<template v-if="$route.params.type !== 'all'">
<el-button
v-if="row.my_log"
type="primary"
size="mini"
@click="handle(row)"
>办理</el-button
>
<el-button
plain
type="primary"
size="mini"
@click="copyTo(row)"
>抄送</el-button
>
<el-button
v-if="row.can_recall"
plain
type="danger"
size="mini"
@click="recall(row)"
>撤回</el-button
>
<el-button
v-if="row.can_delete"
plain
type="danger"
size="mini"
@click="destroy(row)"
>删除</el-button
>
</template>
<el-button plain type="success" size="mini" @click="detail(row)"
>查看</el-button
>
</div>
</template>
</vxe-column>
</template>
<template v-else>
<vxe-column
min-width="280"
header-align="center"
field="operate"
title="操作"
fixed="right"
>
<template #default="{ row }">
<template v-if="$route.params.type !== 'all'">
<el-button
v-if="row.my_log"
@ -230,56 +280,9 @@
<el-button plain type="success" size="mini" @click="detail(row)"
>查看</el-button
>
</div>
</template>
</vxe-column>
<vxe-column
v-if="device === 'desktop'"
min-width="280"
header-align="center"
field="operate"
title="操作"
fixed="right"
>
<template #default="{ row }">
<template v-if="$route.params.type !== 'all'">
<el-button
v-if="row.my_log"
type="primary"
size="mini"
@click="handle(row)"
>办理</el-button
>
<el-button
plain
type="primary"
size="mini"
@click="copyTo(row)"
>抄送</el-button
>
<el-button
v-if="row.can_recall"
plain
type="danger"
size="mini"
@click="recall(row)"
>撤回</el-button
>
<el-button
v-if="row.can_delete"
plain
type="danger"
size="mini"
@click="destroy(row)"
>删除</el-button
>
</template>
<el-button plain type="success" size="mini" @click="detail(row)"
>查看</el-button
>
</template>
</vxe-column>
</vxe-column>
</template>
</vxe-table>
<el-pagination
@ -498,9 +501,6 @@ export default {
},
},
computed: {
device() {
return this.$store.getters.device
}
},
created() {
this.getList();

Write Preview
Loading…
Cancel
Save