1暂存

src/views/admin/line-reverse-setting/index.vue

@@ -3,61 +3,24 @@
   <BasicLayout>
     <template #wrapper>
       <el-card class="box-card">
-        <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">
-
-          <el-form-item>
-            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          </el-form-item>
-        </el-form>
-
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button
-              v-permisaction="['admin:lineReverseSetting:add']"
-              type="primary"
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd"
-            >新增
-            </el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button
-              v-permisaction="['admin:lineReverseSetting:edit']"
-              type="success"
-              icon="el-icon-edit"
-              size="mini"
-              :disabled="single"
-              @click="handleUpdate"
-            >修改
-            </el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button
-              v-permisaction="['admin:lineReverseSetting:remove']"
-              type="danger"
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-            >删除
-            </el-button>
-          </el-col>
-        </el-row>
-
         <el-table v-loading="loading" :data="lineReverseSettingList" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" align="center" /><el-table-column
-            label="反单下单类型 LIMIT-限价 MARKET-市价"
+            label="反单下单类型"
             align="center"
             prop="reverseOrderType"
             :show-overflow-tooltip="true"
-          /><el-table-column
+          >
+            <template slot-scope="scope">{{ reverseOrderTypeFormat(scope.row.reverseOrderType) }}</template>
+          </el-table-column>
+          <el-table-column
             label="溢价百分比"
             align="center"
             prop="reversePremiumRatio"
             :show-overflow-tooltip="true"
-          />
+          >
+            <template slot-scope="scope">{{ scope.row.reverseOrderType==='LIMIT'? scope.row.reversePremiumRatio :"-" }}</template>
+          </el-table-column>
+          <el-table-column label="止损百分比" align="center" prop="stopLossRatio" />
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
               <el-popconfirm
@@ -75,21 +38,6 @@
                 >修改
                 </el-button>
               </el-popconfirm>
-              <el-popconfirm
-                class="delete-popconfirm"
-                title="确认要删除吗?"
-                confirm-button-text="删除"
-                @confirm="handleDelete(scope.row)"
-              >
-                <el-button
-                  slot="reference"
-                  v-permisaction="['admin:lineReverseSetting:remove']"
-                  size="mini"
-                  type="text"
-                  icon="el-icon-delete"
-                >删除
-                </el-button>
-              </el-popconfirm>
             </template>
           </el-table-column>
         </el-table>
@@ -104,9 +52,9 @@
 
         <!-- 添加或修改对话框 -->
         <el-dialog :title="title" :visible.sync="open" width="500px">
-          <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+          <el-form ref="form" :model="form" :rules="rules" label-width="100px">
 
-            <el-form-item label="反单下单类型 LIMIT-限价 MARKET-市价" prop="reverseOrderType">
+            <el-form-item label="下单类型" prop="reverseOrderType">
               <el-radio-group v-model="form.reverseOrderType">
                 <el-radio
                   v-for="dict in reverseOrderTypeOptions"
@@ -115,12 +63,15 @@
                 >{{ dict.label }}</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item label="溢价百分比" prop="reversePremiumRatio">
+            <el-form-item v-if="form.reverseOrderType==='LIMIT'" label="溢价百分比" prop="reversePremiumRatio">
               <el-input
                 v-model="form.reversePremiumRatio"
                 placeholder="溢价百分比"
               />
             </el-form-item>
+            <el-form-item label="止损百分比" prop="stopLossRatio">
+              <el-input v-model="form.stopLossRatio" placeholder="止损百分比" />
+            </el-form-item>
           </el-form>
           <div slot="footer" class="dialog-footer">
             <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -157,7 +108,13 @@ export default {
       open: false,
       isEdit: false,
       // 类型数据字典
-      typeOptions: [],
+      reverseOrderTypeOptions: [{
+        label: '限价',
+        value: 'LIMIT'
+      }, {
+        label: '市价',
+        value: 'MARKET'
+      }],
       lineReverseSettingList: [],
 
       // 关系表类型
@@ -172,7 +129,14 @@ export default {
       form: {
       },
       // 表单校验
-      rules: {}
+      rules: {
+        reverseOrderType: [
+          { required: true, message: '请选择下单类型', trigger: 'blur' }
+        ],
+        reversePremiumRatio: [
+          { required: true, message: '请输入溢价百分比', trigger: 'blur' }
+        ]
+      }
     }
   },
   created() {
@@ -207,6 +171,11 @@ export default {
     getImgList: function() {
       this.form[this.fileIndex] = this.$refs['fileChoose'].resultList[0].fullUrl
     },
+    reverseOrderTypeFormat(data) {
+      const orderType = this.reverseOrderTypeOptions.find(item => item.value === data)
+
+      return orderType ? orderType.label : ''
+    },
     fileClose: function() {
       this.fileOpen = false
     },
@@ -252,6 +221,8 @@ export default {
     submitForm: function() {
       this.$refs['form'].validate(valid => {
         if (valid) {
+          this.form.stopLossRatio = this.form.stopLossRatio ? Number(this.form.stopLossRatio) : undefined
+
           if (this.form.id !== undefined) {
             updateLineReverseSetting(this.form).then(response => {
               if (response.code === 200) {