소스 검색

供应商按钮修饰

hebinlong 4 년 전
부모
커밋
4296bdee60
1개의 변경된 파일51개의 추가작업 그리고 7개의 파일을 삭제
  1. 51 7
      src/views/channel/index.vue

+ 51 - 7
src/views/channel/index.vue

@@ -4,7 +4,7 @@
 
       <el-input v-model="body.supplierName" style="width:65%;" placeholder="供应商名称" size="small" clearable />
       <el-button class="filter-item" icon="el-icon-search" type="primary" plain @click="Search">搜索</el-button>
-      <el-button class="filter-item" icon="el-icon-search" type="primary" plain @click="NewChannel">新建</el-button>
+      <el-button class="classitem" style="marginRight:50px" type="primary" plain icon="el-icon-plus" @click="NewChannel">新增</el-button>
     </div>
     <el-table v-loading="loading" :data="tableData" border style="width: 100%">
       <el-table-column type="selection" />
@@ -159,11 +159,13 @@
           <span>{{ scope.row.alertBalance }}</span>
         </template>
       </el-table-column> -->
-      <el-table-column label="操作" fixed="right" min-width="150" align="center">
+      <el-table-column label="操作" fixed="right" min-width="200" align="center">
         <template slot-scope="scope">
-          <el-button type="text" icon="el-icon-edit" @click="ModifyState(scope.row)">至无效</el-button>
-          <el-button type="text" icon="el-icon-edit" @click="ModifyEdit(scope.row)">编辑</el-button>
-          <el-button type="text" icon="el-icon-delete" @click="ModifyDelete(scope.row)">删除</el-button>
+          <el-button v-if="scope.row.isValid==0" size="small" icon="el-icon-circle-check" type="warning" @click="ModifyState(scope.row)">置有效</el-button>
+          <el-button v-if="scope.row.isValid==1" size="small" icon="el-icon-circle-close" type="warning" @click="ModifyState(scope.row)">置无效</el-button>
+
+          <el-button size="small" icon="el-icon-edit" type="warning" @click="ModifyEdit(scope.row)">编辑</el-button>
+          <el-button size="small" icon="el-icon-delete" type="danger" @click="ModifyDelete(scope.row)">删除</el-button>
         </template>
       </el-table-column>
 
@@ -183,6 +185,47 @@
       />
     </div>
 
+    <!-- <el-dialog :title="operation?'新增产品':'编辑产品'" :visible.sync="dialogFormVisible" center>
+      <el-form :model="dataForm" :rules="rules2" label-width="80px" size="small" label-position="right">
+
+        <el-form-item label="产品名称" :label-width="formLabelWidth" prop="productName" >
+          <el-input v-model.trim="dataForm.productName" style="width: 90%;"  placeholder="请输入产品名称" />
+        </el-form-item>
+        <el-form-item label="面额" :label-width="formLabelWidth"  >
+          <el-input v-model.trim="dataForm.productPrice" style="width: 90%;"  placeholder="请输入面额" />
+        </el-form-item>
+        <el-form-item label="产品所属地区" :label-width="formLabelWidth"  >
+          <el-input v-model="dataForm.ZONE" style="width: 90%;" placeholder="请选择产品地区" />
+          <el-select size="small" v-model="dataForm.zone" clearable placeholder="请选择产品地区" style="width: 90%" >
+            <el-option
+            v-for="item in provinceList"
+            :key="item.name"
+            :label="item.name"
+            :value="item.name"
+            />
+            </el-select>
+        </el-form-item>
+        <el-form-item label="运营商" :label-width="formLabelWidth"  >
+            <el-select size="small" v-model="dataForm.operator"  placeholder="请选择运营商" style="width: 90%" >
+            <el-option
+            v-for="item in status"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+            />
+            </el-select>
+        </el-form-item>
+        <el-form-item label="产品编码" :label-width="formLabelWidth" >
+          <el-input v-model.trim="dataForm.productCode" style="width: 90%;"  placeholder="请输入产品编码" />
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog> -->
+
   </div>
 </template>
 
@@ -224,8 +267,9 @@ export default {
     },
 
     // 修改状态
-    ModifyState() {
-      console.log('ModifyState')
+    ModifyState(data) {
+      console.log(data.isValid)
+      data.isValid ^= 1
     },
     // 修改编辑
     ModifyEdit() {