|
@@ -1,313 +1,137 @@
|
|
|
<template>
|
|
|
- <el-col>
|
|
|
- <el-col :span="24" class="rightTop">
|
|
|
- <template>
|
|
|
- <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
+ <div id="contextfabu">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="contextfabu">
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
<el-tab-pane label="需求发布" name="first">
|
|
|
- <el-form ref="form" :model="form" label-width="80px">
|
|
|
- <el-form-item label="类别">
|
|
|
- <el-select v-model="form.totaltype" placeholder="请选择类别" @change="selectType" prop="totaltype">
|
|
|
- <el-option v-for="(item, index) in typeList" :key="index" :value="item.value" :label="item.name"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="名称">
|
|
|
- <el-input v-model="form.name" placeholder="请输入名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="联系人">
|
|
|
- <el-input v-model="form.contact_user" placeholder="请输入联系人"></el-input>
|
|
|
+ <el-row class="demandForm">
|
|
|
+ <el-form ref="form" :model="demandForm" label-width="80px">
|
|
|
+ <el-form-item label="用戶id">
|
|
|
+ <el-input v-model="demandForm.userid" placeholder="后期删除"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="产品类型">
|
|
|
+ <el-select v-model="demandForm.totaltype" placeholder="请选择产品类型" @change="selectType">
|
|
|
+ <el-option v-for="(item, index) in totaltype_list" :key="index" :value="item.value" :label="item.name"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="联系电话">
|
|
|
- <el-input v-model="form.contact_tel" placeholder="请输入联系人电话"></el-input>
|
|
|
+ <el-form-item label="产品名称">
|
|
|
+ <el-input v-model="demandForm.name" placeholder="请输入产品名称"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
<el-form-item label="类型">
|
|
|
- <el-select v-model="form.product_type_id" filterable @change="selectChild">
|
|
|
+ <el-select v-model="demandForm.product_type_id" filterable @change="selectChild">
|
|
|
<el-option v-for="(item, index) in columnList" :key="index" :value="item.id" :label="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="产品图片" prop="url">
|
|
|
- <upload :limit="1" :data="form.url" type="url" :url="'/files/links/upload'" @upload="uploadSuccess"></upload>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="应用领域" prop="1" v-if="form.totaltype === '1' ? form.totaltype === '2' : 'qiya'">
|
|
|
- <el-input v-model="form.field" placeholder="请输入应用领域"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="服务范围" prop="2" v-if="form.totaltype === '0' ? form.totaltype === '1' : 'qiya'">
|
|
|
- <el-input type="textarea" v-model="form.scope"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="市场前景">
|
|
|
- <el-input v-model="form.prospect" placeholder="请输入市场前景"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="电子合同">
|
|
|
- <el-input v-model="form.contract" placeholder="请输入电子合同"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="描述">
|
|
|
- <el-input v-model="form.description" placeholder="请输入描述"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="知识产权">
|
|
|
- <el-input v-model="form.property" placeholder="请输入知识产权"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="产品参数" prop="2" v-if="form.totaltype === '1' ? form.totaltype === '2' : 'qiya'">
|
|
|
- <template>
|
|
|
- <div class="tableDate">
|
|
|
- <div class="button" style="width:6%;float:right;">
|
|
|
- <P><el-button class="el-icon-plus" @click.prevent="addRow()"></el-button></P>
|
|
|
- <p><el-button class="el-icon-minus" @click.prevent="delData()"></el-button></p>
|
|
|
- </div>
|
|
|
- <div class="table">
|
|
|
- <el-table :data="tableData" ref="table" tooltip-effect="dark" border stripe style="width: 93%" @selection-change="selectRow">
|
|
|
- <el-table-column type="selection" width="45" align="center"></el-table-column>
|
|
|
- <el-table-column label="序号" type="index" width="60" align="center"></el-table-column>
|
|
|
-
|
|
|
+ <span v-if="totaltype == 0">
|
|
|
+ <el-form-item label="研发阶段">
|
|
|
+ <el-select v-model="demandForm.phase" placeholder="请选择研发阶段">
|
|
|
+ <el-option label="阶段成果" value="1"></el-option>
|
|
|
+ <el-option label="最终成果" value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </span>
|
|
|
+ <el-form-item label="产品简介">
|
|
|
+ <el-input v-model="demandForm.introduction" placeholder="请输入产品简介"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="产品单价">
|
|
|
+ <el-input v-model="demandForm.price" placeholder="请输入产品单价"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="产品单位">
|
|
|
+ <el-select v-model="demandForm.priceunit" placeholder="请选择产品单位">
|
|
|
+ <el-option v-for="(item, index) in priceunit_list" :key="index" :label="item.name" :value="item.name"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item label="产品图片">
|
|
|
+ <upload :limit="1" :data="demandForm.image.url" type="url" :url="'/files/image/upload'" @upload="uploadSuccess"></upload>
|
|
|
+ </el-form-item>
|
|
|
+ <span v-if="totaltype == 0 || totaltype == 1">
|
|
|
+ <el-form-item label="产品参数">
|
|
|
+ <template>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-table :data="product_args" ref="table" tooltip-effect="dark" border stripe @selection-change="selectRow">
|
|
|
<el-table-column label="参数名称">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-input type="input" class="remark" v-model="scope.row.arg_name"></el-input>
|
|
|
+ <el-input v-model="scope.row.arg_name"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="内容">
|
|
|
+ <el-table-column label="参数内容">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-input type="textarea" class="remark" v-model="scope.row.memo"></el-input>
|
|
|
+ <el-input v-model="scope.row.memo"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="市场前景" prop="2" v-if="form.totaltype === '2'">
|
|
|
- <el-input type="textarea" v-model="form.prospect"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-button type="primary" @click.prevent="addRow()">添加参数</el-button>
|
|
|
+ </el-col>
|
|
|
+ </template>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="danjia" :span="24">
|
|
|
- <el-form-item label="单价">
|
|
|
- <el-input v-model="form.price" placeholder="请输入单价"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="danjia" :span="24">
|
|
|
- <el-form-item label="用户id">
|
|
|
- <el-input v-model="form.userid" placeholder="请输入用户id"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="单位">
|
|
|
- <el-select v-model="form.priceunit" placeholder="请选择活动区域">
|
|
|
- <el-option label="公斤" value="0"></el-option>
|
|
|
- <el-option label="件" value="1"></el-option>
|
|
|
- <el-option label="套" value="1"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="交易方式">
|
|
|
- <el-radio-group v-model="form.business">
|
|
|
- <el-radio label="公用" value="0"></el-radio>
|
|
|
- <el-radio label="转让" value="1"></el-radio>
|
|
|
- <el-radio label="竞价" value="2"></el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="研发阶段">
|
|
|
- <el-select v-model="form.phase" placeholder="请选择研发阶段">
|
|
|
- <el-option label="阶段成果" value="1"></el-option>
|
|
|
- <el-option label="最终成果" value="2"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="简介">
|
|
|
- <el-input type="textarea" v-model="form.introduction"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="onSubmit" size="mini">{{ isNew ? '创建' : '发布' }}</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="供给发布" name="second">
|
|
|
- <el-form ref="form" :model="form" label-width="80px">
|
|
|
- <el-form-item label="类别">
|
|
|
- <el-select v-model="form.totaltype" placeholder="请选择类别" @change="selectType" prop="totaltype">
|
|
|
- <el-option v-for="(item, index) in typeList" :key="index" :value="item.value" :label="item.name"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="名称">
|
|
|
- <el-input v-model="form.name" placeholder="请输入名称"></el-input>
|
|
|
+ </span>
|
|
|
+ <span v-if="totaltype == 0 || totaltype == 2">
|
|
|
+ <el-form-item label="应用领域">
|
|
|
+ <el-input v-model="demandForm.field" placeholder="请输入应用领域"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </span>
|
|
|
+ <span v-if="totaltype == 0">
|
|
|
+ <el-form-item label="市场前景">
|
|
|
+ <el-input type="textarea" v-model="demandForm.prospect" placeholder="请输入市场前景"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </span>
|
|
|
+ <el-form-item label="电子合同">
|
|
|
+ <el-input v-model="demandForm.contract" placeholder="请输入电子合同"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="类型">
|
|
|
- <el-select v-model="form.product_type_id" filterable @change="selectChild">
|
|
|
- <el-option v-for="(item, index) in columnList" :key="index" :value="item.id" :label="item.name"></el-option>
|
|
|
+ <el-form-item label="供给类型">
|
|
|
+ <el-select v-model="demandForm.gxtype" placeholder="请选择供给类型">
|
|
|
+ <el-option label="需" value="0"></el-option>
|
|
|
+ <el-option label="供" value="1"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="产品图片" prop="url">
|
|
|
- <upload :limit="1" :data="form.url" type="url" :url="'/files/links/upload'" @upload="uploadSuccess"></upload>
|
|
|
+ <el-form-item label="服务范围">
|
|
|
+ <el-input type="textarea" v-model="demandForm.scope" placeholder="请输入产品名称"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="应用领域" prop="1" v-if="form.totaltype === '1' ? form.totaltype === '2' : 'qiya'">
|
|
|
- <el-input v-model="form.field" placeholder="请输入应用领域"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="服务范围" prop="2" v-if="form.totaltype === '0' ? form.totaltype === '1' : 'qiya'">
|
|
|
- <el-input type="textarea" v-model="form.scope"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="市场前景">
|
|
|
- <el-input v-model="form.prospect" placeholder="请输入市场前景"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="电子合同">
|
|
|
- <el-input v-model="form.contract" placeholder="请输入电子合同"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="描述">
|
|
|
- <el-input v-model="form.description" placeholder="请输入描述"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
<el-form-item label="知识产权">
|
|
|
- <el-input v-model="form.property" placeholder="请输入知识产权"></el-input>
|
|
|
+ <el-input v-model="demandForm.property" placeholder="请输入知识产权"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="产品参数" prop="2" v-if="form.totaltype === '1' ? form.totaltype === '2' : 'qiya'">
|
|
|
- <template>
|
|
|
- <div class="tableDate">
|
|
|
- <div class="button" style="width:6%;float:right;">
|
|
|
- <P><el-button class="el-icon-plus" @click.prevent="addRow()"></el-button></P>
|
|
|
- <p><el-button class="el-icon-minus" @click.prevent="delData()"></el-button></p>
|
|
|
- </div>
|
|
|
- <div class="table">
|
|
|
- <el-table :data="tableData" ref="table" tooltip-effect="dark" border stripe style="width: 93%" @selection-change="selectRow">
|
|
|
- <el-table-column type="selection" width="45" align="center"></el-table-column>
|
|
|
- <el-table-column label="序号" type="index" width="60" align="center"></el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="参数名称">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input type="input" class="remark" v-model="scope.row.arg_name"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="内容">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-input type="textarea" class="remark" v-model="scope.row.memo"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="市场前景" prop="2" v-if="form.totaltype === '2'">
|
|
|
- <el-input type="textarea" v-model="form.prospect"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="danjia" :span="24">
|
|
|
- <el-form-item label="单价">
|
|
|
- <el-input v-model="form.price" placeholder="请输入单价"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="danjia" :span="24">
|
|
|
- <el-form-item label="用户id">
|
|
|
- <el-input v-model="form.userid" placeholder="请输入用户id"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="单位">
|
|
|
- <el-select v-model="form.priceunit" placeholder="请选择活动区域">
|
|
|
- <el-option label="公斤" value="0"></el-option>
|
|
|
- <el-option label="件" value="1"></el-option>
|
|
|
- <el-option label="套" value="1"></el-option>
|
|
|
+ <el-form-item label="交易方式">
|
|
|
+ <el-select v-model="demandForm.business" placeholder="请选择交易方式">
|
|
|
+ <el-option label="公用" value="0"></el-option>
|
|
|
+ <el-option label="竞价" value="1"></el-option>
|
|
|
+ <el-option label="转让" value="2"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="交易方式">
|
|
|
- <el-radio-group v-model="form.business">
|
|
|
- <el-radio label="公用" value="0"></el-radio>
|
|
|
- <el-radio label="转让" value="1"></el-radio>
|
|
|
- <el-radio label="竞价" value="2"></el-radio>
|
|
|
- </el-radio-group>
|
|
|
+ <el-form-item label="联系人">
|
|
|
+ <el-input v-model="demandForm.contact_user" placeholder="请输入联系人"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="研发阶段">
|
|
|
- <el-select v-model="form.phase" placeholder="请选择研发阶段">
|
|
|
- <el-option label="阶段成果" value="1"></el-option>
|
|
|
- <el-option label="最终成果" value="2"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-form-item label="联系电话">
|
|
|
+ <el-input v-model="demandForm.contact_tel" placeholder="请输入联系电话"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item label="简介">
|
|
|
- <el-input type="textarea" v-model="form.introduction"></el-input>
|
|
|
+ <el-form-item label="产品描述">
|
|
|
+ <el-input type="textarea" v-model="demandForm.description" placeholder="请输入产品描述"></el-input>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col class="mingcheng" :span="24">
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="onSubmit" size="mini">{{ isNew ? '创建' : '发布' }}</el-button>
|
|
|
+ <el-form-item label="状态">
|
|
|
+ <el-select v-model="demandForm.status" placeholder="请选择产品状态">
|
|
|
+ <el-option label="草稿" value="0"></el-option>
|
|
|
+ <el-option label="发布" value="1" :disabled="true"></el-option>
|
|
|
+ <el-option label="删除" value="2" :disabled="true"></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
+ <el-row class="demandBtn">
|
|
|
+ <el-button type="primary" @click="demandBtn()">产品发布</el-button>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
</el-tab-pane>
|
|
|
+ <el-tab-pane label="供给发布" name="second">供给发布</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
- </template>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -315,169 +139,104 @@ import upload from '@/components/upload.vue';
|
|
|
export default {
|
|
|
name: 'contextfabu',
|
|
|
props: {
|
|
|
- isNew: { type: Boolean, default: false } /* 是否新创建 */,
|
|
|
- form: null,
|
|
|
+ demandForm: null,
|
|
|
columnList: null,
|
|
|
+ totaltype: null,
|
|
|
},
|
|
|
-
|
|
|
components: {
|
|
|
upload,
|
|
|
},
|
|
|
data: () => ({
|
|
|
- tableData: [],
|
|
|
+ activeName: 'first',
|
|
|
+ priceunit_list: [
|
|
|
+ {
|
|
|
+ name: '公斤',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '套',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '件',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ product_args: [],
|
|
|
selectlistRow: [],
|
|
|
rowNum: 1,
|
|
|
- typeList: [
|
|
|
- { name: '服务', value: '0' },
|
|
|
+ totaltype_list: [
|
|
|
+ { name: '技术', value: '0' },
|
|
|
{ name: '产品', value: '1' },
|
|
|
- { name: '技术', value: '2' },
|
|
|
+ { name: '服务', value: '2' },
|
|
|
],
|
|
|
-
|
|
|
- activeName: 'first',
|
|
|
}),
|
|
|
- created() {
|
|
|
- if (!this.isNew) this.selectType(this.form.totaltype, 'into');
|
|
|
- },
|
|
|
+ created() {},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
- uploadSuccess({ type, data }) {
|
|
|
- this.$set(this.form, `${type}`, data.uri);
|
|
|
+ handleClick(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
+ },
|
|
|
+ demandBtn() {
|
|
|
+ this.$emit('demandSubmit', { data: this.demandForm, id: this.demandForm.id });
|
|
|
},
|
|
|
-
|
|
|
selectChild(product_type_id) {
|
|
|
let res = this.columnList.filter(fil => fil.id === product_type_id);
|
|
|
if (res.length > 0) {
|
|
|
console.log(res[0].name);
|
|
|
- this.$set(this.form, `product_type_name`, res[0].name);
|
|
|
+ this.$set(this.demandForm, `product_type_name`, res[0].name);
|
|
|
}
|
|
|
this.$forceUpdate();
|
|
|
},
|
|
|
- async selectType(item, totaltype) {
|
|
|
- if (totaltype !== 'into') {
|
|
|
- // delete this.form.url;
|
|
|
- delete this.form.content_id;
|
|
|
- }
|
|
|
- let result;
|
|
|
- if (item === '2') {
|
|
|
- // result = await this.allSearch({ totaltype: 'content', site: this.form.site });
|
|
|
- // if (`${result.errcode}` === '0') this.$set(this, `typeList`, result.data);
|
|
|
- } else if (item === '1') {
|
|
|
- // result = await this.allSearch({ totaltype: 'url', site: this.form.site });
|
|
|
- // if (`${result.errcode}` === '0') this.$set(this, `typeList`, result.data);
|
|
|
- } else if (item === '0') {
|
|
|
- // result = await this.allSearch({ totaltype: 'column', site: this.form.site });
|
|
|
- // if (`${result.errcode}` === '0') this.$set(this, `typeList`, result.data);
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- onSubmit() {
|
|
|
- this.$emit('onsaves', { data: this.form });
|
|
|
- },
|
|
|
- handleClick(tab, event) {
|
|
|
- console.log(tab, event);
|
|
|
+ uploadSuccess({ type, data }) {
|
|
|
+ this.$set(this.demandForm.image, `${type}`, data.uri);
|
|
|
},
|
|
|
-
|
|
|
// 获取表格选中时的数据
|
|
|
selectRow(val) {
|
|
|
this.selectlistRow = val;
|
|
|
},
|
|
|
- // 增加行
|
|
|
addRow() {
|
|
|
var list = {
|
|
|
rowNum: this.rowNum,
|
|
|
};
|
|
|
- this.tableData.unshift(list);
|
|
|
+ // let tableData = this.emandForm.product_args;
|
|
|
+ this.product_args.unshift(list);
|
|
|
this.rowNum += 1;
|
|
|
},
|
|
|
- // 删除方法
|
|
|
- // 删除选中行
|
|
|
- delData() {
|
|
|
- for (let i = 0; i < this.selectlistRow.length; i++) {
|
|
|
- let val = this.selectlistRow;
|
|
|
- // 获取选中行的索引的方法
|
|
|
- // 遍历表格中tableData数据和选中的val数据,比较它们的rowNum,相等则输出选中行的索引
|
|
|
- // rowNum的作用主要是为了让每一行有一个唯一的数据,方便比较,可以根据个人的开发需求从后台传入特定的数据
|
|
|
- val.forEach((val, index) => {
|
|
|
- this.tableData.forEach((v, i) => {
|
|
|
- if (val.rowNum === v.rowNum) {
|
|
|
- // i 为选中的索引
|
|
|
- this.tableData.splice(i, 1);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- }
|
|
|
- // 删除完数据之后清除勾选框
|
|
|
- this.$refs.table.clearSelection();
|
|
|
+ selectType(item) {
|
|
|
+ this.$emit('changeType', item);
|
|
|
+ // this.$set(this, `totaltype`, item);
|
|
|
+ console.log(item);
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.avatar-uploader .el-upload {
|
|
|
- border: 1px dashed #d9d9d9;
|
|
|
- border-radius: 6px;
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.avatar-uploader .el-upload:hover {
|
|
|
- border-color: #409eff;
|
|
|
-}
|
|
|
-.avatar-uploader-icon {
|
|
|
- font-size: 28px;
|
|
|
- color: #8c939d;
|
|
|
- width: 178px;
|
|
|
- height: 178px;
|
|
|
- line-height: 178px;
|
|
|
- text-align: center;
|
|
|
+/deep/.el-tabs--card > .el-tabs__header {
|
|
|
+ border-bottom: 1px solid #215299;
|
|
|
}
|
|
|
-.avatar {
|
|
|
- width: 178px;
|
|
|
- height: 178px;
|
|
|
- display: block;
|
|
|
+/deep/.el-tabs__item {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
-.rightTop {
|
|
|
- height: 60px;
|
|
|
- width: 950px;
|
|
|
-}
|
|
|
-
|
|
|
-.rightTopL {
|
|
|
- width: 130px;
|
|
|
- height: 60px;
|
|
|
- background: #215299;
|
|
|
- float: left;
|
|
|
- color: #fff;
|
|
|
- font-size: 18px;
|
|
|
- text-align: center;
|
|
|
- font-family: '微软雅黑', Tahoma, Arial, Helvetica, STHeiti;
|
|
|
-}
|
|
|
-
|
|
|
/deep/.el-tabs__item.is-active {
|
|
|
- color: #ffffff;
|
|
|
- background-color: blue;
|
|
|
+ color: #ffff;
|
|
|
+ background: #215299;
|
|
|
}
|
|
|
-
|
|
|
-.el-tabs__active-bar {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- height: 2px;
|
|
|
- background-color: blue;
|
|
|
- z-index: 1;
|
|
|
+.demandForm {
|
|
|
+ padding: 0 20px;
|
|
|
}
|
|
|
-.mingcheng {
|
|
|
- width: 700px;
|
|
|
+.demandBtn {
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
-.tables {
|
|
|
- width: 500px;
|
|
|
- padding: 0 0 0 30px;
|
|
|
- min-height: 50px;
|
|
|
+/deep/.demandBtn .el-button {
|
|
|
+ background-color: #ff7814;
|
|
|
+ border: none;
|
|
|
}
|
|
|
-.jiaoyi {
|
|
|
- width: 400px;
|
|
|
+/deep/.el-table td {
|
|
|
+ padding: 0;
|
|
|
}
|
|
|
-.danjia {
|
|
|
- width: 500px;
|
|
|
+/deep/.el-table th {
|
|
|
+ padding: 0;
|
|
|
+ background-color: #f3f3f3;
|
|
|
}
|
|
|
</style>
|