|
|
@@ -69,7 +69,7 @@
|
|
|
<el-table-column class="table_td" prop="send" label="已入库量(吨)"></el-table-column>
|
|
|
<el-table-column class="table_td" prop="send" label="可平仓量(吨)"></el-table-column>
|
|
|
<el-table-column class="table_td" prop="send" label="已平仓量(吨)"></el-table-column>
|
|
|
- <el-table-column class="table_td" prop="send" label="交易量(吨)"></el-table-column>
|
|
|
+ <el-table-column class="table_td" prop="send" label="已交易量(吨)"></el-table-column>
|
|
|
<el-table-column class="table_td" label="发票类型"></el-table-column>
|
|
|
<el-table-column class="table_td" label="包装方式"></el-table-column>
|
|
|
<el-table-column prop="taskStatus" label="状态">
|
|
|
@@ -104,19 +104,696 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 客户信息 -->
|
|
|
+ <el-dialog title="客户信息" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="营业执照" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="公司名称" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="纳税人识别号" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证正面" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证反面" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="姓名" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证号" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行卡正面" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行卡反面" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行卡号" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开户行" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开户支行" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="公司地址" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 客户信息1 -->
|
|
|
+ <el-dialog title="客户信息" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-form-item label="身份证正面" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证反面" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="姓名" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="身份证号" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行卡正面" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行卡反面" prop="nickName">
|
|
|
+ <el-upload
|
|
|
+ action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="">
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行卡号" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开户行" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="开户支行" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="收款人姓名" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="收款人身份证号" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系地址" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 成交记录 -->
|
|
|
+ <el-dialog title="成交记录" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="成交价" prop="nickName">
|
|
|
+ <el-input v-model="newForm.nickName" style="width:70%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="基差" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入成交基差"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交量" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交日期" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ style="width:70%;"
|
|
|
+ type="date"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAcount('newForm')">保 存</el-button>
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 平仓记录 -->
|
|
|
+ <el-dialog title="平仓记录" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="成交价" prop="nickName">
|
|
|
+ <el-input v-model="newForm.nickName" style="width:70%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="基差" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入成交基差"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交量" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交日期" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ style="width:70%;"
|
|
|
+ type="date"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAcount('newForm')">保 存</el-button>
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</el-popover>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 平仓记录 -->
|
|
|
+ <el-dialog title="平仓记录" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="成交价" prop="nickName">
|
|
|
+ <el-input v-model="newForm.nickName" style="width:70%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="点价" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交价" prop="nickName">
|
|
|
+ <el-input v-model="newForm.nickName" style="width:70%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="点价" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="审核单价" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="预期单价" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAcount('newForm')">保 存</el-button>
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 平仓记录 -->
|
|
|
+ <el-dialog title="平仓记录" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="成交价" prop="nickName">
|
|
|
+ <el-input v-model="newForm.nickName" style="width:70%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="基差" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入成交基差"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交量" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交日期" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ style="width:70%;"
|
|
|
+ type="date"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAcount('newForm')">保 存</el-button>
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column class="table_td" label="更新时间" prop="establishDate"></el-table-column>
|
|
|
<el-table-column class="table_td" label="入库结算"></el-table-column>
|
|
|
<el-table-column class="table_td" label="平仓结算"></el-table-column>
|
|
|
- <el-table-column prop="seller" label="操作" width="200">
|
|
|
+ <el-table-column prop="seller" label="操作" width="300">
|
|
|
<template slot-scope="scope">
|
|
|
- <div class="record" @click="handleLook(scope.row)">成交</div>
|
|
|
- <div class="record" @click="handleEdit(scope.row)">补充定金</div>
|
|
|
- <div class="record" @click="handleDelete(scope.row)">解冻定金</div>
|
|
|
- <div class="record" @click="handle(scope.row)">平仓</div>
|
|
|
- <div class="record" @click="handle(scope.row)">完成</div>
|
|
|
+ <el-button class="record" @click="handleDeal(scope.row)">成交</el-button>
|
|
|
+ <el-dialog title="成交" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="成交价(元/吨)" prop="nickName">
|
|
|
+ <el-input v-model="newForm.nickName" style="width:70%;" placeholder="请输入成交价"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交量(吨)" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入成交基差"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交日期" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ style="width:70%;"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAcount('newForm')">保 存</el-button>
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <el-button class="record" @click="handleEdit(scope.row)">补充定金</el-button>
|
|
|
+ <el-dialog title="补充定金" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <h5>我是客户名我是客户名我是客户名</h5>
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="拖欠定金(元)" prop="nickName">
|
|
|
+ <el-input v-model="newForm.nickName" auto-complete="off" style="width:70%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="可用定金(元)" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入成交基差"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="补充定金(元)" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入补充定金"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAcount('newForm')">保 存</el-button>
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <el-button class="record" @click="handleDelete(scope.row)">解冻定金</el-button>
|
|
|
+ <el-button class="record" @click="handle(scope.row)">平仓</el-button>
|
|
|
+ <el-dialog title="平仓" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="可平仓数量(吨)" prop="nickName">
|
|
|
+ <el-input v-model="newForm.nickName" auto-complete="off" style="width:70%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成交价格(元/吨)" prop="userAccount">
|
|
|
+ <el-select
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请选择成交价格"
|
|
|
+ ></el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="平仓基差(元/吨)" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入平仓基差"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="平仓应付(元)" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ disabled
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入平仓应付"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="平仓日期" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ style="width:70%;"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAcount('newForm')">保 存</el-button>
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <el-button class="record" @click="handle(scope.row)">完成</el-button>
|
|
|
+ <el-button class="record" @click="handle(scope.row)">审核</el-button>
|
|
|
+ <el-dialog title="审核" v-model="newDialogVisible" @close="resetForm1('newForm')">
|
|
|
+ <el-form
|
|
|
+ :model="newForm"
|
|
|
+ :rules="rules1"
|
|
|
+ ref="newForm"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-form-item label="交易类型" prop="nickName">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.nickName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入成交价"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易目标" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="卖方" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="卖方电话" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易数量(吨)" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="提交时间" prop="useTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="newForm.useTime"
|
|
|
+ format="yyyy-MM-dd"
|
|
|
+ style="width:70%;"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ ></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="包装方式" prop="userAccount">
|
|
|
+ <el-select
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="装袋备注">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.remark"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="不超过30个字"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="发票类型" prop="userAccount">
|
|
|
+ <el-select
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="单价(元/吨)" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ placeholder="请输入单价"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="发票费用" prop="userAccount">
|
|
|
+ <el-input
|
|
|
+ v-model="newForm.userAccount"
|
|
|
+ @blur="checkName"
|
|
|
+ auto-complete="off"
|
|
|
+ style="width:70%;"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="卸车费用(元/吨)" prop="userAccount">
|
|
|
+ <el-input v-model="fffff" auto-complete="off" style="width:70%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="合同编号" prop="gggg">
|
|
|
+ <el-select v-model="fffff" auto-complete="off" style="width:70%;"></el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="addAcount('newForm')">保 存</el-button>
|
|
|
+ <el-button @click="resetForm1('newForm')">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-button class="record" @click="handle(scope.row)">删除</el-button>
|
|
|
+
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -156,6 +833,9 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ // dialogImageUrl: '',
|
|
|
+ // dialogVisible: false,
|
|
|
+ // disabled: false,
|
|
|
barWidth: 0,
|
|
|
barHeight: 0,
|
|
|
retioX: 1,
|
|
|
@@ -210,6 +890,17 @@ export default {
|
|
|
this.showType = this.isShow
|
|
|
},
|
|
|
methods: {
|
|
|
+ // handleRemove(file) {
|
|
|
+ // console.log(file);
|
|
|
+ // },
|
|
|
+ // handlePictureCardPreview(file) {
|
|
|
+ // this.dialogImageUrl = file.url;
|
|
|
+ // this.dialogVisible = true;
|
|
|
+ // },
|
|
|
+ // handleDownload(file) {
|
|
|
+ // console.log(file);
|
|
|
+
|
|
|
+ // },
|
|
|
getList() {
|
|
|
console.log(123456)
|
|
|
taskList({
|
mxx