|
@@ -19,122 +19,134 @@
|
|
|
<el-dialog v-model="dialog.show" :title="dialog.title" :destroy-on-close="false" @close="toClose">
|
|
|
<el-row>
|
|
|
<el-col :span="24" v-if="dialog.type == '1'">
|
|
|
- <custom-form v-model="form" :fields="formFields" :rules="rules" @save="toSave">
|
|
|
- <template #video>
|
|
|
- <custom-upload model="video" :list="form.video" :limit="1" url="/files/web/cxyy_match/upload" @change="onUpload"></custom-upload>
|
|
|
- </template>
|
|
|
- <template #file>
|
|
|
- <custom-upload model="file" :list="form.file" :limit="1" listType="picture-card" url="/files/web/cxyy_match/upload" @change="onUpload"></custom-upload>
|
|
|
- </template>
|
|
|
- <template #is_use>
|
|
|
- <el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </template>
|
|
|
- <template #is_show>
|
|
|
- <el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </template>
|
|
|
- <template #industry>
|
|
|
- <el-option v-for="i in industryList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
- </template>
|
|
|
- <template #match_status>
|
|
|
- <el-option v-for="i in matchList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
- </template>
|
|
|
- <template #scale>
|
|
|
- <el-radio v-for="i in scaleList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </template>
|
|
|
- <template #match_type>
|
|
|
- <el-radio v-for="i in matchTypeList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </template>
|
|
|
- <template #type>
|
|
|
- <el-option v-for="i in typeList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
- </template>
|
|
|
- <template #form>
|
|
|
- <el-option v-for="i in formList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
- </template>
|
|
|
- <template #tags>
|
|
|
- <el-select v-model="form.tags" multiple filterable allow-create default-first-option :reserve-keyword="false" placeholder="请选择标签" style="width: 100%">
|
|
|
- <el-option v-for="item in tagsList" :key="item.id" :label="item.title" :value="item.title" />
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- <template #rules>
|
|
|
- <div class="rules">
|
|
|
- <custom-form v-model="form.rules" :fields="rulesFields" :useSave="false">
|
|
|
- <template #rules1>
|
|
|
- <WangEditor v-model="form.rules.rules1" />
|
|
|
- </template>
|
|
|
- <template #rules2>
|
|
|
- <WangEditor v-model="form.rules.rules2" />
|
|
|
- </template>
|
|
|
- <template #rules3>
|
|
|
- <WangEditor v-model="form.rules.rules3" />
|
|
|
- </template>
|
|
|
- <template #rules4>
|
|
|
- <WangEditor v-model="form.rules.rules4" />
|
|
|
- </template>
|
|
|
- <template #rules5>
|
|
|
- <WangEditor v-model="form.rules.rules5" />
|
|
|
- </template>
|
|
|
- <template #rules6>
|
|
|
- <WangEditor v-model="form.rules.rules6" />
|
|
|
- </template>
|
|
|
- <template #rules7>
|
|
|
- <WangEditor v-model="form.rules.rules7" />
|
|
|
- </template>
|
|
|
- <template #rules8>
|
|
|
- <WangEditor v-model="form.rules.rules8" />
|
|
|
- </template>
|
|
|
- <template #rules9>
|
|
|
- <WangEditor v-model="form.rules.rules9" />
|
|
|
- </template>
|
|
|
- <template #rules10>
|
|
|
- <WangEditor v-model="form.rules.rules10" />
|
|
|
- </template>
|
|
|
- <template #rules11>
|
|
|
- <WangEditor v-model="form.rules.rules11" />
|
|
|
- </template>
|
|
|
- <template #rules12>
|
|
|
- <WangEditor v-model="form.rules.rules12" />
|
|
|
- </template>
|
|
|
- </custom-form>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template #brief>
|
|
|
- <WangEditor v-model="form.brief" />
|
|
|
- </template>
|
|
|
- <template #process>
|
|
|
- <el-col :span="24" class="tables">
|
|
|
- <el-col :span="24" class="tables_1">
|
|
|
- <el-button type="primary" @click="addProcess()">添加</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-table :data="processList" border>
|
|
|
- <el-table-column type="index" label="序号" width="80" align="center"> </el-table-column>
|
|
|
- <el-table-column prop="name" label="流程名称" align="center">
|
|
|
- <template #default="scope">
|
|
|
- <el-input v-model="scope.row.name" placeholder="请输入流程名称" />
|
|
|
+ <el-tabs v-model="activeName" type="card">
|
|
|
+ <el-tab-pane label="基本信息" name="first">
|
|
|
+ <custom-form v-model="form" :fields="oneformFields" :rules="rules" @save="toSave">
|
|
|
+ <template #video>
|
|
|
+ <custom-upload model="video" :list="form.video" :limit="1" url="/files/web/cxyy_match/upload" @change="onUpload"></custom-upload>
|
|
|
+ </template>
|
|
|
+ <template #file>
|
|
|
+ <custom-upload model="file" :list="form.file" :limit="1" listType="picture-card" url="/files/web/cxyy_match/upload" @change="onUpload"></custom-upload>
|
|
|
+ </template>
|
|
|
+ <template #is_use>
|
|
|
+ <el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
+ </template>
|
|
|
+ <template #is_show>
|
|
|
+ <el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
+ </template>
|
|
|
+ <template #industry>
|
|
|
+ <el-option v-for="i in industryList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #match_status>
|
|
|
+ <el-option v-for="i in matchList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #scale>
|
|
|
+ <el-radio v-for="i in scaleList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
+ </template>
|
|
|
+ <template #match_type>
|
|
|
+ <el-radio v-for="i in matchTypeList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
+ </template>
|
|
|
+ <template #type>
|
|
|
+ <el-option v-for="i in typeList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #form>
|
|
|
+ <el-option v-for="i in formList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ <template #tags>
|
|
|
+ <el-select v-model="form.tags" multiple filterable allow-create default-first-option :reserve-keyword="false" placeholder="请选择标签" style="width: 100%">
|
|
|
+ <el-option v-for="item in tagsList" :key="item.id" :label="item.title" :value="item.title" />
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </custom-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="拓展信息" name="second">
|
|
|
+ <custom-form v-model="form" :fields="twoformFields" :rules="{}" @save="toSave">
|
|
|
+ <template #rules>
|
|
|
+ <div class="rules">
|
|
|
+ <custom-form v-model="form.rules" :fields="rulesFields" :useSave="false">
|
|
|
+ <template #rules1>
|
|
|
+ <WangEditor v-model="form.rules.rules1" />
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="order_num" label="排序" align="center">
|
|
|
- <template #default="scope">
|
|
|
- <el-input v-model="scope.row.order_num" type="number" placeholder="请输入排序" />
|
|
|
+ <template #rules2>
|
|
|
+ <WangEditor v-model="form.rules.rules2" />
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="is_use" label="是否启用" align="center">
|
|
|
- <template #default="scope">
|
|
|
- <el-select v-model="scope.row.is_use" placeholder="请选择是否启用">
|
|
|
- <el-option v-for="item in isUseList" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
+ <template #rules3>
|
|
|
+ <WangEditor v-model="form.rules.rules3" />
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" align="center" width="100">
|
|
|
- <template #default="scope">
|
|
|
- <el-button type="danger" @click="delProcess(scope.row)">删除</el-button>
|
|
|
+ <template #rules4>
|
|
|
+ <WangEditor v-model="form.rules.rules4" />
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
- </custom-form>
|
|
|
+ <template #rules5>
|
|
|
+ <WangEditor v-model="form.rules.rules5" />
|
|
|
+ </template>
|
|
|
+ <template #rules6>
|
|
|
+ <WangEditor v-model="form.rules.rules6" />
|
|
|
+ </template>
|
|
|
+ <template #rules7>
|
|
|
+ <WangEditor v-model="form.rules.rules7" />
|
|
|
+ </template>
|
|
|
+ <template #rules8>
|
|
|
+ <WangEditor v-model="form.rules.rules8" />
|
|
|
+ </template>
|
|
|
+ <template #rules9>
|
|
|
+ <WangEditor v-model="form.rules.rules9" />
|
|
|
+ </template>
|
|
|
+ <template #rules10>
|
|
|
+ <WangEditor v-model="form.rules.rules10" />
|
|
|
+ </template>
|
|
|
+ <template #rules11>
|
|
|
+ <WangEditor v-model="form.rules.rules11" />
|
|
|
+ </template>
|
|
|
+ <template #rules12>
|
|
|
+ <WangEditor v-model="form.rules.rules12" />
|
|
|
+ </template>
|
|
|
+ </custom-form>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #brief>
|
|
|
+ <WangEditor v-model="form.brief" />
|
|
|
+ </template>
|
|
|
+ </custom-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="流程信息" name="third">
|
|
|
+ <custom-form v-model="form" :fields="thrformFields" :rules="{}" @save="toSave" x>
|
|
|
+ <template #process>
|
|
|
+ <el-col :span="24" class="tables">
|
|
|
+ <el-col :span="24" class="tables_1">
|
|
|
+ <el-button type="primary" @click="addProcess()">添加</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-table :data="processList" border>
|
|
|
+ <el-table-column type="index" label="序号" width="80" align="center"> </el-table-column>
|
|
|
+ <el-table-column prop="name" label="流程名称" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-input v-model="scope.row.name" placeholder="请输入流程名称" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="order_num" label="排序" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-input v-model="scope.row.order_num" type="number" placeholder="请输入排序" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="is_use" label="是否启用" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-select v-model="scope.row.is_use" placeholder="请选择是否启用">
|
|
|
+ <el-option v-for="item in isUseList" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button type="danger" @click="delProcess(scope.row)">删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
+ </custom-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</el-col>
|
|
|
<el-col :span="24" v-if="dialog.type == '2'">
|
|
|
<custom-form v-model="examForm" :fields="examFormFields" :rules="examRules" @save="toExamSave">
|
|
@@ -224,7 +236,8 @@ const processList = ref([])
|
|
|
const selectList = ref([])
|
|
|
// 加载中
|
|
|
const loading = ref(false)
|
|
|
-const formFields = ref([
|
|
|
+const activeName = ref('first')
|
|
|
+const oneformFields = ref([
|
|
|
{ label: t('pages.match.file'), model: 'file', custom: true },
|
|
|
{ label: t('pages.match.name'), model: 'name' },
|
|
|
{ label: t('pages.match.tags'), model: 'tags', custom: true },
|
|
@@ -240,12 +253,15 @@ const formFields = ref([
|
|
|
{ label: t('pages.match.is_use'), model: 'is_use', type: 'radio' },
|
|
|
{ label: t('pages.match.is_show'), model: 'is_show', type: 'radio' },
|
|
|
{ label: t('pages.match.order_num'), model: 'order_num', type: 'number' },
|
|
|
- { label: t('pages.match.rules'), model: 'rules', custom: true },
|
|
|
- { label: t('pages.match.brief'), model: 'brief', custom: true },
|
|
|
{ label: t('pages.match.video'), model: 'video', custom: true },
|
|
|
- { label: t('pages.match.process'), model: 'process', custom: true },
|
|
|
+ { label: t('pages.match.address'), model: 'address', type: 'textarea' },
|
|
|
{ label: t('pages.match.match_status'), model: 'match_status', type: 'select' }
|
|
|
])
|
|
|
+const twoformFields = ref([
|
|
|
+ { label: t('pages.match.rules'), model: 'rules', custom: true },
|
|
|
+ { label: t('pages.match.brief'), model: 'brief', custom: true }
|
|
|
+])
|
|
|
+const thrformFields = ref([{ label: t('pages.match.process'), model: 'process', custom: true }])
|
|
|
const rules = reactive({
|
|
|
name: [{ required: true, message: t('pages.match.titleMessage'), trigger: 'blur' }]
|
|
|
})
|
|
@@ -468,6 +484,7 @@ const toReset = async () => {
|
|
|
const toClose = () => {
|
|
|
form.value = { rules: {}, video: [], file: [] }
|
|
|
dialog.value = { show: false }
|
|
|
+ activeName.value = 'first'
|
|
|
}
|
|
|
// 上传图片
|
|
|
const onUpload = (e) => {
|