|
@@ -1,41 +1,70 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<el-button size="mini" type="primary" @click="dialogFormVisible = true">转 工 单</el-button>
|
|
|
- <el-dialog append-to-body :visible.sync="dialogFormVisible" width="500px">
|
|
|
+ <el-drawer append-to-body :show-close="false" :visible.sync="dialogFormVisible" size="500px">
|
|
|
<div slot="title" style="font-size: 15px">
|
|
|
- 转工单
|
|
|
+ <span style="margin-right:16px">转工单</span>
|
|
|
+ <workProgress class="inline-16" />
|
|
|
</div>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-form :model="form" :rules="rules" ref="form" label-width="90px" label-position="right" size="mini">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="服务类型" prop="type">
|
|
|
- <el-select class="inline-24" v-model="form.type" placeholder="请选择状态" size="small" clearable>
|
|
|
- <el-option v-for="(item,index) in serveClassList" :key="index" :label="item.value" :value="item.value"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-row>
|
|
|
- <div class="dialog-footer">
|
|
|
+ <div class="drawer__panel">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-form :model="form" :rules="rules" ref="form" label-width="90px" label-position="right" size="mini">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="服务类型" prop="type">
|
|
|
+ <el-select class="inline-24" v-model="form.type" placeholder="请选择模板" size="small" clearable>
|
|
|
+ <el-option v-for="(item,index) in serveClassList" :key="index" :label="item.value" :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="服务模板" prop="sa_workorder_templateid">
|
|
|
+ <el-select class="inline-24" v-model="form.sa_workorder_templateid" placeholder="请选择模板" size="small" clearable>
|
|
|
+ <el-option v-for="(item,index) in serveModelList" :key="index" :label="item.name" :value="item.sa_workorder_templateid"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="负责人" prop="projectlearders">
|
|
|
+ <el-select class="inline-24" v-model="form.projectlearders" placeholder="请选择负责人" size="small" clearable>
|
|
|
+ <el-option v-for="(item,index) in leaderList" :key="index" :label="item.name" :value="item.userid"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div class="fixed__btn__panel">
|
|
|
<el-button size="small" @click="dialogFormVisible = false" class="normal-btn-width">取 消</el-button>
|
|
|
- <el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width btn-warning">确 定</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
+ </el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import workProgress from './workProgress'
|
|
|
export default {
|
|
|
name: "add",
|
|
|
+ components:{workProgress},
|
|
|
data(){
|
|
|
return {
|
|
|
dialogFormVisible:false,
|
|
|
+ serveModelList:[],
|
|
|
serveClassList:[],
|
|
|
+ leaderList:[],
|
|
|
form:{
|
|
|
type:'',
|
|
|
+ sa_workorder_templateid:'',
|
|
|
+ projectlearders:'',
|
|
|
sa_serviceorderid:''
|
|
|
},
|
|
|
rules:{
|
|
|
+ sa_workorder_templateid:[
|
|
|
+ { required: true, message: '请选择服务模板', trigger: 'blur'},
|
|
|
+ ],
|
|
|
+ projectlearders:[
|
|
|
+ { required: true, message: '请选择负责人', trigger: 'blur'},
|
|
|
+ ],
|
|
|
type:[
|
|
|
{ required: true, message: '请选择服务类型', trigger: 'blur'},
|
|
|
],
|
|
@@ -44,12 +73,17 @@ export default {
|
|
|
},
|
|
|
created () {
|
|
|
this.getServeClass()
|
|
|
+ this.getServeModel()
|
|
|
+ this.getLeaderList()
|
|
|
},
|
|
|
methods:{
|
|
|
onSubmit(){
|
|
|
this.$refs['form'].validate(async (valid) => {
|
|
|
if (!valid) return false
|
|
|
+
|
|
|
this.form.sa_serviceorderid = this.$route.query.id
|
|
|
+ this.form.projectlearders = [this.form.projectlearders]
|
|
|
+
|
|
|
const res = await this.$api.requested({
|
|
|
"id": "20230207091003",
|
|
|
"version":1,
|
|
@@ -62,6 +96,16 @@ export default {
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
+ async getServeModel () {
|
|
|
+ let res = await this.$api.requested({
|
|
|
+ "id":20230206155803,
|
|
|
+ "content": {
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.serveModelList = res.data
|
|
|
+ console.log(this.serveModelList);
|
|
|
+
|
|
|
+ },
|
|
|
async getServeClass () {
|
|
|
let res = await this.$api.requested({
|
|
|
"id":20230206112003,
|
|
@@ -71,6 +115,19 @@ export default {
|
|
|
this.serveClassList = res.data
|
|
|
console.log(this.serveClassList);
|
|
|
|
|
|
+ },
|
|
|
+ async getLeaderList () {
|
|
|
+ let res = await this.$api.requested({
|
|
|
+ "id":20221102090303,
|
|
|
+ "content": {
|
|
|
+ containssub:true,
|
|
|
+ departmentids:[1],
|
|
|
+ isworker:1
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.leaderList = res.data
|
|
|
+ console.log(this.leaderList);
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|