|
@@ -3,34 +3,38 @@
|
|
<el-drawer class="custom-drawer-form" :title="title" size="800px" append-to-body :visible.sync="drawer" direction="rtl" :before-close="close" destroy-on-close>
|
|
<el-drawer class="custom-drawer-form" :title="title" size="800px" append-to-body :visible.sync="drawer" direction="rtl" :before-close="close" destroy-on-close>
|
|
<el-container>
|
|
<el-container>
|
|
<el-main>
|
|
<el-main>
|
|
- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
|
|
|
|
- <el-form-item label="专题库名称:" prop="name">
|
|
|
|
|
|
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" label-position="left" class="demo-ruleForm">
|
|
|
|
+ <el-form-item label="专题库名称" prop="name">
|
|
<el-input v-model="ruleForm.name" placeholder="请输入专题库名称"></el-input>
|
|
<el-input v-model="ruleForm.name" placeholder="请输入专题库名称"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
- <el-form-item label="委托方:" prop="name" v-if="userinfo.tenantType == 1">
|
|
|
|
- <el-autocomplete
|
|
|
|
- style="width:100%"
|
|
|
|
- v-model="ruleForm.clientName"
|
|
|
|
- :fetch-suggestions="querySearch"
|
|
|
|
- @input="input"
|
|
|
|
- placeholder="请输入内容"
|
|
|
|
- :trigger-on-focus="false"
|
|
|
|
- @select="handleChange"
|
|
|
|
- >
|
|
|
|
- <el-button slot="append" icon="el-icon-search" @click="handleSelect"></el-button>
|
|
|
|
- </el-autocomplete>
|
|
|
|
|
|
+ <el-form-item label="委托方" prop="name" v-if="userinfo.tenantType == 1">
|
|
|
|
+
|
|
|
|
+ <mySelectButton size='large' style="width:100%" @click="handleSelect">
|
|
|
|
+ <div slot="select" style="width:100%">
|
|
|
|
+ <el-autocomplete
|
|
|
|
+ style="width:100%"
|
|
|
|
+ v-model="ruleForm.clientName"
|
|
|
|
+ :fetch-suggestions="querySearch"
|
|
|
|
+ @input="input"
|
|
|
|
+ placeholder="请输入内容"
|
|
|
|
+ :trigger-on-focus="false"
|
|
|
|
+ @select="handleChange"
|
|
|
|
+ >
|
|
|
|
+ </el-autocomplete>
|
|
|
|
+ </div>
|
|
|
|
+ </mySelectButton>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="委托部门:" prop="name" v-else>
|
|
|
|
|
|
+ <el-form-item label="委托部门" prop="name" v-else>
|
|
<mySelectTree style="width:100%" v-model="ruleForm.departmentId" :options="departmentList"></mySelectTree>
|
|
<mySelectTree style="width:100%" v-model="ruleForm.departmentId" :options="departmentList"></mySelectTree>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
- <el-form-item label="负责部门:" prop="departmentId">
|
|
|
|
|
|
+ <el-form-item label="负责部门" prop="departmentId">
|
|
<mySelectTree style="width:100%" v-model="ruleForm.departmentId" :options="departmentList"></mySelectTree>
|
|
<mySelectTree style="width:100%" v-model="ruleForm.departmentId" :options="departmentList"></mySelectTree>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="负责人:" prop="person">
|
|
|
|
|
|
+ <el-form-item label="负责人" prop="person">
|
|
<el-select style="width:100%" v-model="ruleForm.personnelId" filterable remote clearable placeholder="请选择" :loading="loading" v-SelectLazyLoading="lazyLoading" :remote-method="remoteMethod">
|
|
<el-select style="width:100%" v-model="ruleForm.personnelId" filterable remote clearable placeholder="请选择" :loading="loading" v-SelectLazyLoading="lazyLoading" :remote-method="remoteMethod">
|
|
<el-option
|
|
<el-option
|
|
v-for="item in personnelList"
|
|
v-for="item in personnelList"
|
|
@@ -41,12 +45,12 @@
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="应用场景:" prop="scenarioList">
|
|
|
|
|
|
+ <el-form-item label="应用场景" prop="scenarioList">
|
|
<el-checkbox-group v-model="ruleForm.scenarioList" @change="onChange">
|
|
<el-checkbox-group v-model="ruleForm.scenarioList" @change="onChange">
|
|
<el-checkbox v-for="item in commonData.ENTERPRISE_APPLICATION_SCENARIO" :key="item.value" :label="parseInt(item.value)">{{ item.label }}</el-checkbox>
|
|
<el-checkbox v-for="item in commonData.ENTERPRISE_APPLICATION_SCENARIO" :key="item.value" :label="parseInt(item.value)">{{ item.label }}</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="调查类型:" prop="typeList" v-if="show==true">
|
|
|
|
|
|
+ <el-form-item label="调查类型" prop="typeList" v-if="show==true">
|
|
<el-checkbox-group v-model="ruleForm.typeList">
|
|
<el-checkbox-group v-model="ruleForm.typeList">
|
|
<template v-for="(item, index) in dictAssociateData">
|
|
<template v-for="(item, index) in dictAssociateData">
|
|
<el-checkbox :label="parseInt(item.dictChildValue)">
|
|
<el-checkbox :label="parseInt(item.dictChildValue)">
|
|
@@ -65,7 +69,7 @@
|
|
</div>
|
|
</div>
|
|
</el-checkbox-group>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="产品类别/产品:" prop="productId" v-if="$permission('/workspace/product')">
|
|
|
|
|
|
+ <el-form-item label="产品类别/产品" prop="productId" v-if="$permission('/workspace/product')">
|
|
<div>
|
|
<div>
|
|
<mySelectButton size='large' style="width:100%">
|
|
<mySelectButton size='large' style="width:100%">
|
|
<div slot="select" style="width:100%">
|
|
<div slot="select" style="width:100%">
|
|
@@ -76,24 +80,24 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
- <el-form-item label="合同号:" prop="contractNo">
|
|
|
|
|
|
+ <el-form-item label="合同号" prop="contractNo">
|
|
<el-input v-model="ruleForm.contractNo" placeholder="请输入合同号"></el-input>
|
|
<el-input v-model="ruleForm.contractNo" placeholder="请输入合同号"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
- <el-form-item label="内部案卷:" prop="innerFile">
|
|
|
|
|
|
+ <el-form-item label="内部案卷" prop="innerFile">
|
|
<el-input v-model="ruleForm.innerFile" placeholder="请输入内部案卷"></el-input>
|
|
<el-input v-model="ruleForm.innerFile" placeholder="请输入内部案卷"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
- <el-form-item label="委案日:" prop="caseDate">
|
|
|
|
|
|
+ <el-form-item label="委案日" prop="caseDate">
|
|
<el-date-picker v-model="ruleForm.caseDate" value-format="yyyy-MM-dd" type="date" placeholder="请选择委案日" class="width_100"></el-date-picker>
|
|
<el-date-picker v-model="ruleForm.caseDate" value-format="yyyy-MM-dd" type="date" placeholder="请选择委案日" class="width_100"></el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
- <el-form-item label="处理状态:" prop="status">
|
|
|
|
|
|
+ <el-form-item label="处理状态" prop="status">
|
|
<el-select v-model="ruleForm.status" placeholder="请输入处理状态" class="width_100">
|
|
<el-select v-model="ruleForm.status" placeholder="请输入处理状态" class="width_100">
|
|
<el-option value="0" label="处理中"></el-option>
|
|
<el-option value="0" label="处理中"></el-option>
|
|
<el-option value="1" label="已完成"></el-option>
|
|
<el-option value="1" label="已完成"></el-option>
|
|
@@ -101,12 +105,15 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
- <el-form-item label="备注:" prop="remark">
|
|
|
|
|
|
+ <el-form-item label="备注" prop="remark">
|
|
<el-input v-model="ruleForm.remark" placeholder="请输入备注" type="textarea"></el-input>
|
|
<el-input v-model="ruleForm.remark" placeholder="请输入备注" type="textarea"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
</el-main>
|
|
</el-main>
|
|
- <el-footer></el-footer>
|
|
|
|
|
|
+ <el-footer class="footer-common" v-if="($permission('/workspace/project/modify')||$permission('/workspace/project/add')) && ($r(ruleForm.id,[2])||userinfo.id == ruleForm.createBy)">
|
|
|
|
+ <el-button @click="close">取 消</el-button>
|
|
|
|
+ <el-button type="primary" @click="submit" :loading="loading">确 定</el-button>
|
|
|
|
+ </el-footer>
|
|
</el-container>
|
|
</el-container>
|
|
</el-drawer>
|
|
</el-drawer>
|
|
|
|
|
|
@@ -278,6 +285,38 @@ export default {
|
|
}
|
|
}
|
|
this.moreData = !this.moreData
|
|
this.moreData = !this.moreData
|
|
},
|
|
},
|
|
|
|
+ //提交数据
|
|
|
|
+ submit() {
|
|
|
|
+ this.$refs.ruleForm.validate((valid) => {
|
|
|
|
+ if (valid) {
|
|
|
|
+ this.show=false
|
|
|
|
+ this.loading = true
|
|
|
|
+ if (this.ruleForm.id) {
|
|
|
|
+ this.$api.editProject(this.ruleForm).then(response => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ this.$message.success('编辑成功')
|
|
|
|
+ this.$emit('submit', 0)
|
|
|
|
+ this.close()
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.$api.addProject(this.ruleForm).then(response => {
|
|
|
|
+ this.loading = false
|
|
|
|
+ let permissions = this.permissions
|
|
|
|
+ permissions[response.data] = 0
|
|
|
|
+ this.$store.commit('SET_PERMISSIONS', permissions)
|
|
|
|
+ this.$message.success('新增成功')
|
|
|
|
+ this.$emit('submit', 1)
|
|
|
|
+ this.close()
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ this.show=true
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|