Browse Source

工单管理

master
蔡玲玲 4 weeks ago
parent
commit
0c8a0d544a
  1. 129
      base-vue/src/views/modules/car/car-add-or-update.vue
  2. 193
      base-vue/src/views/modules/car/car.vue
  3. 267
      base-vue/src/views/modules/contract/contract-add-or-update.vue
  4. 191
      base-vue/src/views/modules/contract/contract-add-or-update_back.vue
  5. 116
      base-vue/src/views/modules/contract/contract.vue
  6. 246
      base-vue/src/views/modules/contract/contract_back.vue
  7. 13
      base-vue/src/views/modules/contract/temp-add.vue
  8. 50
      base-vue/src/views/modules/tickets/tickets-add-or-update.vue
  9. 18
      base-vue/src/views/modules/tickets/tickets.vue

129
base-vue/src/views/modules/car/car-add-or-update.vue

@ -0,0 +1,129 @@
<template>
<el-dialog
:title="!dataForm.carId ? '新增' : '修改'"
:close-on-click-modal="false"
:visible.sync="visible">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
<el-form-item label="车型名称" prop="carName">
<el-input v-model="dataForm.carName" placeholder="车型名称"></el-input>
</el-form-item>
<el-form-item label="导航类型" prop="navigationType">
<el-input v-model="dataForm.navigationType" placeholder="导航类型"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="dataForm.remarks" placeholder="备注"></el-input>
</el-form-item>
<el-form-item label="是否启用" prop="isOn">
<el-input v-model="dataForm.isOn" placeholder="是否启用"></el-input>
</el-form-item>
<el-form-item label="创建者ID" prop="createUserId">
<el-input v-model="dataForm.createUserId" placeholder="创建者ID"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder="创建时间"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
data () {
return {
visible: false,
dataForm: {
carId: 0,
carName: '',
navigationType: '',
remarks: '',
isOn: '',
createUserId: '',
createTime: ''
},
dataRule: {
carName: [
{ required: true, message: '车型名称不能为空', trigger: 'blur' }
],
navigationType: [
{ required: true, message: '导航类型不能为空', trigger: 'blur' }
],
remarks: [
{ required: true, message: '备注不能为空', trigger: 'blur' }
],
isOn: [
{ required: true, message: '是否启用不能为空', trigger: 'blur' }
],
createUserId: [
{ required: true, message: '创建者ID不能为空', trigger: 'blur' }
],
createTime: [
{ required: true, message: '创建时间不能为空', trigger: 'blur' }
]
}
}
},
methods: {
init (id) {
this.dataForm.carId = id || 0
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.carId) {
this.$http({
url: this.$http.adornUrl(`/tickets/car/info/${this.dataForm.carId}`),
method: 'get',
params: this.$http.adornParams()
}).then(({data}) => {
if (data && data.code === 0) {
this.dataForm.carName = data.car.carName
this.dataForm.navigationType = data.car.navigationType
this.dataForm.remarks = data.car.remarks
this.dataForm.isOn = data.car.isOn
this.dataForm.createUserId = data.car.createUserId
this.dataForm.createTime = data.car.createTime
}
})
}
})
},
//
dataFormSubmit () {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.$http({
url: this.$http.adornUrl(`/tickets/car/${!this.dataForm.carId ? 'save' : 'update'}`),
method: 'post',
data: this.$http.adornData({
'carId': this.dataForm.carId || undefined,
'carName': this.dataForm.carName,
'navigationType': this.dataForm.navigationType,
'remarks': this.dataForm.remarks,
'isOn': this.dataForm.isOn,
'createUserId': this.dataForm.createUserId,
'createTime': this.dataForm.createTime
})
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
} else {
this.$message.error(data.msg)
}
})
}
})
}
}
}
</script>

193
base-vue/src/views/modules/car/car.vue

@ -0,0 +1,193 @@
<template>
<div class="mod-config">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">查询</el-button>
<el-button v-if="isAuth('tickets:car:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
<el-button v-if="isAuth('tickets:car:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
</el-form-item>
</el-form>
<el-table
:data="dataList"
border
v-loading="dataListLoading"
@selection-change="selectionChangeHandle"
style="width: 100%;">
<el-table-column
type="selection"
header-align="center"
align="center"
width="50">
</el-table-column>
<el-table-column
prop="carId"
header-align="center"
align="center"
label="id">
</el-table-column>
<el-table-column
prop="carName"
header-align="center"
align="center"
label="车型名称">
</el-table-column>
<el-table-column
prop="navigationType"
header-align="center"
align="center"
label="导航类型">
</el-table-column>
<el-table-column
prop="remarks"
header-align="center"
align="center"
label="备注">
</el-table-column>
<el-table-column
prop="isOn"
header-align="center"
align="center"
label="是否启用">
</el-table-column>
<el-table-column
prop="createUserId"
header-align="center"
align="center"
label="创建者ID">
</el-table-column>
<el-table-column
prop="createTime"
header-align="center"
align="center"
label="创建时间">
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="150"
label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.carId)">修改</el-button>
<el-button type="text" size="small" @click="deleteHandle(scope.row.carId)">删除</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</div>
</template>
<script>
import AddOrUpdate from './car-add-or-update'
export default {
data () {
return {
dataForm: {
key: ''
},
dataList: [],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false
}
},
components: {
AddOrUpdate
},
activated () {
this.getDataList()
},
methods: {
//
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/tickets/car/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize,
'key': this.dataForm.key
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.page.list
this.totalPage = data.page.totalCount
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
//
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
//
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
//
selectionChangeHandle (val) {
this.dataListSelections = val
},
// /
addOrUpdateHandle (id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(id)
})
},
//
deleteHandle (id) {
var ids = id ? [id] : this.dataListSelections.map(item => {
return item.carId
})
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http({
url: this.$http.adornUrl('/tickets/car/delete'),
method: 'post',
data: this.$http.adornData(ids, false)
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getDataList()
}
})
} else {
this.$message.error(data.msg)
}
})
})
}
}
}
</script>

267
base-vue/src/views/modules/contract/contract-add-or-update.vue

@ -1,162 +1,37 @@
<template>
<el-dialog
title="合同基本信息"
:title="!dataForm.contractId ? '新增' : '修改'"
:close-on-click-modal="false"
:visible.sync="visible">
<el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="114px">
<el-row>
<el-col :span="9">
<el-form-item label="合同类型">
<el-select v-model="dataForm.type" placeholder="合同类型">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
<el-form-item label="合同类型" prop="contractType">
<el-input v-model="dataForm.contractType" placeholder="合同类型"></el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="工单编号">
<el-input v-model="dataForm.code" placeholder="工单编号"></el-input>
<el-form-item label="是否是主合同" prop="isMaster">
<el-input v-model="dataForm.isMaster" placeholder="是否是主合同"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="是否主合同">
<el-switch
v-model="dataForm.isS"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
<el-form-item label="合同编号" prop="contractNumber">
<el-input v-model="dataForm.contractNumber" placeholder="合同编号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="9">
<el-form-item label="关联主合同编号">
<el-input v-model="dataForm.code" placeholder="关联主合同编号"></el-input>
<el-form-item label="客户id" prop="clientId">
<el-input v-model="dataForm.clientId" placeholder="客户id"></el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="客户">
<el-select v-model="dataForm.type" placeholder="客户">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
<el-form-item label="物料信息" prop="materialJson">
<el-input v-model="dataForm.materialJson" placeholder="物料信息"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="9">
<el-form-item label="保修期">
<el-input v-model="dataForm.code" placeholder="保修期"></el-input>
<el-form-item label="是否验收" prop="isAcceptance">
<el-input v-model="dataForm.isAcceptance" placeholder="是否验收"></el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="付款方式">
<el-select v-model="dataForm.type" placeholder="付款方式">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
<el-form-item label="创建日期" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder="创建日期"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" justify="space-between">
<el-col :span="6">
<el-button type="primary">新增一行</el-button>
</el-col>
<el-col :span="9">
<el-form-item label="总计">
<el-input v-model="dataForm.code" placeholder="总计"></el-input>
<el-form-item label="创建日期" prop="acceptanceTime">
<el-input v-model="dataForm.acceptanceTime" placeholder="创建日期"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="dataForm.remarks" placeholder="备注"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-table
:data="dataList"
border
style="width: 100%;"
max-height="200">
<el-table-column
type="selection"
header-align="center"
align="center"
width="50">
</el-table-column>
<el-table-column
prop="code"
header-align="center"
align="center"
label="物料编号">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="物料名称">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="型号">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="单价">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="价格系数">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="价格系数">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="对外价格">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="数量">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="总价">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="总价">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="备注">
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="70"
label="操作">
<template slot-scope="scope">
<el-button type="text" size="small">删除行</el-button>
</template>
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
@ -170,22 +45,112 @@ export default {
return {
visible: false,
dataForm: {
type: '',
code: '',
isS: true
contractId: 0,
contractType: '',
isMaster: '',
contractNumber: '',
clientId: '',
materialJson: '',
isAcceptance: '',
createTime: '',
acceptanceTime: '',
remarks: ''
},
dataList: [{code: '100010'}, {code: '100010'}, {code: '100010'}]
dataRule: {
contractType: [
{ required: true, message: '合同类型不能为空', trigger: 'blur' }
],
isMaster: [
{ required: true, message: '是否是主合同不能为空', trigger: 'blur' }
],
contractNumber: [
{ required: true, message: '合同编号不能为空', trigger: 'blur' }
],
clientId: [
{ required: true, message: '客户id不能为空', trigger: 'blur' }
],
materialJson: [
{ required: true, message: '物料信息不能为空', trigger: 'blur' }
],
isAcceptance: [
{ required: true, message: '是否验收不能为空', trigger: 'blur' }
],
createTime: [
{ required: true, message: '创建日期不能为空', trigger: 'blur' }
],
acceptanceTime: [
{ required: true, message: '创建日期不能为空', trigger: 'blur' }
],
remarks: [
{ required: true, message: '备注不能为空', trigger: 'blur' }
]
}
}
},
methods: {
init (id) {
this.dataForm.contractId = id || 0
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.contractId) {
this.$http({
url: this.$http.adornUrl(`/tickets/contract/info/${this.dataForm.contractId}`),
method: 'get',
params: this.$http.adornParams()
}).then(({data}) => {
if (data && data.code === 0) {
this.dataForm.contractType = data.contract.contractType
this.dataForm.isMaster = data.contract.isMaster
this.dataForm.contractNumber = data.contract.contractNumber
this.dataForm.clientId = data.contract.clientId
this.dataForm.materialJson = data.contract.materialJson
this.dataForm.isAcceptance = data.contract.isAcceptance
this.dataForm.createTime = data.contract.createTime
this.dataForm.acceptanceTime = data.contract.acceptanceTime
this.dataForm.remarks = data.contract.remarks
}
})
}
})
},
//
dataFormSubmit () {}
dataFormSubmit () {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.$http({
url: this.$http.adornUrl(`/tickets/contract/${!this.dataForm.contractId ? 'save' : 'update'}`),
method: 'post',
data: this.$http.adornData({
'contractId': this.dataForm.contractId || undefined,
'contractType': this.dataForm.contractType,
'isMaster': this.dataForm.isMaster,
'contractNumber': this.dataForm.contractNumber,
'clientId': this.dataForm.clientId,
'materialJson': this.dataForm.materialJson,
'isAcceptance': this.dataForm.isAcceptance,
'createTime': this.dataForm.createTime,
'acceptanceTime': this.dataForm.acceptanceTime,
'remarks': this.dataForm.remarks
})
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
} else {
this.$message.error(data.msg)
}
})
}
})
}
}
}
</script>

191
base-vue/src/views/modules/contract/contract-add-or-update_back.vue

@ -0,0 +1,191 @@
<template>
<el-dialog
title="合同基本信息"
:close-on-click-modal="false"
:visible.sync="visible">
<el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="114px">
<el-row>
<el-col :span="9">
<el-form-item label="合同类型">
<el-select v-model="dataForm.type" placeholder="合同类型">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="工单编号">
<el-input v-model="dataForm.code" placeholder="工单编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="是否主合同">
<el-switch
v-model="dataForm.isS"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="9">
<el-form-item label="关联主合同编号">
<el-input v-model="dataForm.code" placeholder="关联主合同编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="客户">
<el-select v-model="dataForm.type" placeholder="客户">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="9">
<el-form-item label="保修期">
<el-input v-model="dataForm.code" placeholder="保修期"></el-input>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="付款方式">
<el-select v-model="dataForm.type" placeholder="付款方式">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex" justify="space-between">
<el-col :span="6">
<el-button type="primary">新增一行</el-button>
</el-col>
<el-col :span="9">
<el-form-item label="总计">
<el-input v-model="dataForm.code" placeholder="总计"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-table
:data="dataList"
border
style="width: 100%;"
max-height="200">
<el-table-column
type="selection"
header-align="center"
align="center"
width="50">
</el-table-column>
<el-table-column
prop="code"
header-align="center"
align="center"
label="物料编号">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="物料名称">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="型号">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="单价">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="价格系数">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="价格系数">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="对外价格">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="数量">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="总价">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="总价">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="备注">
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="70"
label="操作">
<template slot-scope="scope">
<el-button type="text" size="small">删除行</el-button>
</template>
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
data () {
return {
visible: false,
dataForm: {
type: '',
code: '',
isS: true
},
dataList: [{code: '100010'}, {code: '100010'}, {code: '100010'}]
}
},
methods: {
init (id) {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
})
},
//
dataFormSubmit () {}
}
}
</script>

116
base-vue/src/views/modules/contract/contract.vue

@ -1,22 +1,13 @@
<template>
<div class="mod-order">
<div class="mod-config">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="合同类型">
<el-select v-model="dataForm.type" placeholder="合同类型">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="合同编号">
<el-input v-model="dataForm.number" placeholder="合同编号" clearable></el-input>
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="dataForm.name" placeholder="客户名称" clearable></el-input>
<el-form-item>
<el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">查询</el-button>
<el-button type="primary" @click="addOrUpdateHandle">新增</el-button>
<el-button type="danger">删除</el-button>
<el-button v-if="isAuth('tickets:contract:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
<el-button v-if="isAuth('tickets:contract:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
</el-form-item>
</el-form>
<el-table
@ -32,64 +23,64 @@
width="50">
</el-table-column>
<el-table-column
prop="roleName"
prop="contractId"
header-align="center"
align="center"
label="合同编号">
label="id">
</el-table-column>
<el-table-column
prop="roleName"
prop="contractType"
header-align="center"
align="center"
label="合同类型">
</el-table-column>
<el-table-column
prop="roleName"
prop="isMaster"
header-align="center"
align="center"
label="是否主合同">
label="是否主合同">
</el-table-column>
<el-table-column
prop="roleName"
prop="contractNumber"
header-align="center"
align="center"
label="客户名称">
label="合同编号">
</el-table-column>
<el-table-column
prop="roleName"
prop="clientId"
header-align="center"
align="center"
label="关联主合同号">
label="客户id">
</el-table-column>
<el-table-column
prop="roleName"
prop="materialJson"
header-align="center"
align="center"
label="是否验收">
label="物料信息">
</el-table-column>
<el-table-column
prop="roleName"
prop="isAcceptance"
header-align="center"
align="center"
label="生成时间">
label="是否验收">
</el-table-column>
<el-table-column
prop="roleName"
prop="createTime"
header-align="center"
align="center"
label="验收时间">
label="创建日期">
</el-table-column>
<el-table-column
prop="roleName"
prop="acceptanceTime"
header-align="center"
align="center"
label="备注">
label="创建日期">
</el-table-column>
<el-table-column
prop="roleName"
prop="remarks"
header-align="center"
align="center"
label="质保期限(月)">
label="备注">
</el-table-column>
<el-table-column
fixed="right"
@ -98,8 +89,8 @@
width="150"
label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addTempHandle(scope.row.id)">模板生成</el-button>
<el-button type="text" size="small">上传附件</el-button>
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.contractId)">修改</el-button>
<el-button type="text" size="small" @click="deleteHandle(scope.row.contractId)">删除</el-button>
</template>
</el-table-column>
</el-table>
@ -114,24 +105,16 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<temp-add v-if="tempVisible" ref="tempAdd"></temp-add>
</div>
</template>
<script>
import AddOrUpdate from './contract-add-or-update'
import TempAdd from './temp-add'
export default {
components: {
AddOrUpdate,
TempAdd
},
data () {
return {
dataForm: {
type: '',
number: '',
name: ''
key: ''
},
dataList: [],
pageIndex: 1,
@ -139,10 +122,12 @@ export default {
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
tempVisible: false
addOrUpdateVisible: false
}
},
components: {
AddOrUpdate
},
activated () {
this.getDataList()
},
@ -151,12 +136,12 @@ export default {
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sys/role/list'),
url: this.$http.adornUrl('/tickets/contract/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize,
'roleName': this.dataForm.roleName
'key': this.dataForm.key
})
}).then(({data}) => {
if (data && data.code === 0) {
@ -184,18 +169,41 @@ export default {
selectionChangeHandle (val) {
this.dataListSelections = val
},
//
// /
addOrUpdateHandle (id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(id)
})
},
//
addTempHandle (id) {
this.tempVisible = true
this.$nextTick(() => {
this.$refs.tempAdd.init(id)
//
deleteHandle (id) {
var ids = id ? [id] : this.dataListSelections.map(item => {
return item.contractId
})
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http({
url: this.$http.adornUrl('/tickets/contract/delete'),
method: 'post',
data: this.$http.adornData(ids, false)
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getDataList()
}
})
} else {
this.$message.error(data.msg)
}
})
})
}
}

246
base-vue/src/views/modules/contract/contract_back.vue

@ -0,0 +1,246 @@
<template>
<div class="mod-order">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="合同类型">
<el-select v-model="dataForm.type" placeholder="合同类型">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="合同编号">
<el-input v-model="dataForm.number" placeholder="合同编号" clearable></el-input>
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="dataForm.name" placeholder="客户名称" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">查询</el-button>
<el-button type="primary" @click="addOrUpdateHandle">新增</el-button>
<el-button type="primary" @click="addAndPrint">打印</el-button>
<el-button type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">删除</el-button>
</el-form-item>
</el-form>
<el-table
:data="dataList"
border
v-loading="dataListLoading"
@selection-change="selectionChangeHandle"
style="width: 100%;">
<el-table-column
type="selection"
header-align="center"
align="center"
width="50">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="合同编号">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="合同类型">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="是否主合同">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="客户名称">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="关联主合同号">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="是否验收">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="生成时间">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="验收时间">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="备注">
</el-table-column>
<el-table-column
prop="roleName"
header-align="center"
align="center"
label="质保期限(月)">
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="150"
label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addTempHandle(scope.row.id)">模板生成</el-button>
<el-button type="text" size="small">上传附件</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<temp-add v-if="tempVisible" ref="tempAdd"></temp-add>
</div>
</template>
<script>
import AddOrUpdate from './contract-add-or-update'
import TempAdd from './temp-add'
import { getLodop } from '@/utils/lodop/LodopFuncs'
export default {
components: {
AddOrUpdate,
TempAdd
},
data () {
return {
dataForm: {
type: '',
number: '',
name: ''
},
dataList: [],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
tempVisible: false
}
},
activated () {
this.getDataList()
},
methods: {
//
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sys/role/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize,
'roleName': this.dataForm.roleName
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.page.list
this.totalPage = data.page.totalCount
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
//
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
//
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
//
selectionChangeHandle (val) {
this.dataListSelections = val
},
//
addOrUpdateHandle (id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.init(id)
})
},
//
addAndPrint () {
const LODOP = getLodop()
LODOP.SET_SHOW_MODE('HIDE_DISBUTTIN_SETUP', 1)//
// https://www.it610.com/article/2094844.html
LODOP.SET_PRINT_PAGESIZE(1, '60mm', '40mm', '1')
// LODOP.ADD_PRINT_RECT('0mm', '0mm', '50mm', '30mm', 0, 1)
LODOP.ADD_PRINT_BARCODE('4.3mm', '8mm', '50mm', '30mm', '128Auto', {a: 1})
LODOP.PREVIEW()//
// LODOP.PRINT()//
},
//
deleteHandle (id) {
var ids = id ? [id] : this.dataListSelections.map(item => {
return item.roleId
})
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http({
url: this.$http.adornUrl('/sys/role/delete'),
method: 'post',
data: this.$http.adornData(ids, false)
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getDataList()
}
})
} else {
this.$message.error(data.msg)
}
})
}).catch(() => {})
},
//
addTempHandle (id) {
this.tempVisible = true
this.$nextTick(() => {
this.$refs.tempAdd.init(id)
})
}
}
}
</script>

13
base-vue/src/views/modules/contract/temp-add.vue

@ -3,7 +3,6 @@
title="产品供应合同"
:close-on-click-modal="false"
:visible.sync="visible">
<section class="content">
<el-descriptions :column="2">
<el-descriptions-item label="需方">kooriookami</el-descriptions-item>
<el-descriptions-item label="合同编号">18100000000</el-descriptions-item>
@ -73,7 +72,7 @@
<p class="tip_p">解决合同纠纷的方式:买卖双方首先友好协商解决协商不成任何一方均可向有管辖权法院起诉</p>
<p class="tip_p">其它约定事项:合同扫描件有效签字盖章之日起生效</p>
<el-descriptions direction="vertical" :column="2" border>
<el-descriptions-item label="需方">
<el-descriptions-item label="需方" label-class-name="my-label">
<div>单位名称:</div>
<div>地址:</div>
<div>委托代理电话:</div>
@ -81,7 +80,7 @@
<div>开户银行:</div>
<div>帐号:</div>
</el-descriptions-item>
<el-descriptions-item label="供方">
<el-descriptions-item label="供方" label-class-name="my-label">
<div>单位名称:上海诺力智能科技有限公司(盖章)</div>
<div>地址:上海青浦区徐泾镇高光路215弄99号4号楼302室</div>
<div>委托代理电话:</div>
@ -90,7 +89,6 @@
<div>帐号:12191702501091</div>
</el-descriptions-item>
</el-descriptions>
</section>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
@ -115,3 +113,10 @@ export default {
}
}
</script>
<style scoped>
>>>.my-label {
width: 50%;
background: #fff;
}
</style>

50
base-vue/src/views/modules/tickets/tickets-add-or-update.vue

@ -25,11 +25,14 @@
<el-form-item label="客户联系电话" prop="deptPhone">
<el-input v-model="dataForm.deptPhone" placeholder="客户联系电话"></el-input>
</el-form-item>
<el-form-item label="创建者ID" prop="createUserId">
<el-input v-model="dataForm.createUserId" placeholder="创建者ID"></el-input>
<el-form-item label="是否验收" prop="isCheck">
<el-input v-model="dataForm.isCheck" placeholder="是否验收"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="dataForm.createTime" placeholder="创建时间"></el-input>
<el-form-item label="工单状态" prop="status">
<el-input v-model="dataForm.status" placeholder="工单状态"></el-input>
</el-form-item>
<el-form-item label="工单关闭时间" prop="updateTime">
<el-input v-model="dataForm.updateTime" placeholder="工单关闭时间"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
@ -45,7 +48,7 @@
return {
visible: false,
dataForm: {
ticketsId: 0,
ticketsId: null,
carType: '',
errorType: '',
contractNumber: '',
@ -53,8 +56,9 @@
description: '',
deptPeople: '',
deptPhone: '',
createUserId: '',
createTime: ''
isCheck: '',
status: '',
updateTime: ''
},
dataRule: {
carType: [
@ -78,16 +82,30 @@
deptPhone: [
{ required: true, message: '客户联系电话不能为空', trigger: 'blur' }
],
createUserId: [
{ required: true, message: '创建者ID不能为空', trigger: 'blur' }
isCheck: [
{ required: true, message: '是否验收不能为空', trigger: 'blur' }
],
status: [
{ required: true, message: '工单状态不能为空', trigger: 'blur' }
],
createTime: [
{ required: true, message: '创建时间不能为空', trigger: 'blur' }
updateTime: [
{ required: true, message: '工单关闭时间不能为空', trigger: 'blur' }
]
}
}
},
created () {
this.getDictDetail()
},
methods: {
getDictDetail () {
this.$http({
url: this.$http.adornUrl('api/dict/dictDetail?code=DEMAND_TYPE'),
method: 'get'
}).then(({data}) => {
console.log(data)
})
},
init (id) {
this.dataForm.ticketsId = id || 0
this.visible = true
@ -107,8 +125,9 @@
this.dataForm.description = data.tickets.description
this.dataForm.deptPeople = data.tickets.deptPeople
this.dataForm.deptPhone = data.tickets.deptPhone
this.dataForm.createUserId = data.tickets.createUserId
this.dataForm.createTime = data.tickets.createTime
this.dataForm.isCheck = data.tickets.isCheck
this.dataForm.status = data.tickets.status
this.dataForm.updateTime = data.tickets.updateTime
}
})
}
@ -130,8 +149,9 @@
'description': this.dataForm.description,
'deptPeople': this.dataForm.deptPeople,
'deptPhone': this.dataForm.deptPhone,
'createUserId': this.dataForm.createUserId,
'createTime': this.dataForm.createTime
'isCheck': this.dataForm.isCheck,
'status': this.dataForm.status,
'updateTime': this.dataForm.updateTime
})
}).then(({data}) => {
if (data && data.code === 0) {

18
base-vue/src/views/modules/tickets/tickets.vue

@ -82,6 +82,24 @@
align="center"
label="创建时间">
</el-table-column>
<el-table-column
prop="isCheck"
header-align="center"
align="center"
label="是否验收">
</el-table-column>
<el-table-column
prop="status"
header-align="center"
align="center"
label="工单状态">
</el-table-column>
<el-table-column
prop="updateTime"
header-align="center"
align="center"
label="工单关闭时间">
</el-table-column>
<el-table-column
fixed="right"
header-align="center"

Loading…
Cancel
Save